<?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>Disappearing Corners &#187; Huangpu District</title>
	<atom:link href="http://www.disappearingcorners.com/tag/huangpu-district/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.disappearingcorners.com</link>
	<description>Rediscovering Shanghai&#039;s forgotten heritage through photography &#38; tales</description>
	<lastBuildDate>Tue, 03 Jan 2012 14:01:53 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>The China Baptist Publication Building</title>
		<link>http://www.disappearingcorners.com/the-china-baptist-publication-building-2/</link>
		<comments>http://www.disappearingcorners.com/the-china-baptist-publication-building-2/#comments</comments>
		<pubDate>Mon, 30 Nov 2009 17:53:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[First Batch]]></category>
		<category><![CDATA[Huangpu District]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=983</guid>
		<description><![CDATA[Address: 128 Huqiu Road (Text with kind permission from Hudec.cn) Locating at No. 209 Yuanmingyuan Road, China Baptist Publication Society Building was formerly known as Gospel Light Building, referring to the publication Gospel Light, by the Baptist organization. Now the building remains vacant.. Designed in September 1930 and completed in March 1932, the eight-storey reinforced [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Address: 128 Huqiu Road</strong></p>
<p><em>(Text with kind permission from Hudec.cn)</em></p>
<p>Locating at No. 209 Yuanmingyuan Road, China Baptist Publication Society Building was formerly known as Gospel Light Building, referring to   the publication Gospel Light, by the Baptist organization. Now the building remains vacant.. Designed in September 1930 and completed in March 1932, the eight-storey reinforced concrete structure was engineered by BENGTLINDSKOG and constructed by the Qiaxing Constructing Firm.<br />
Facing to the east, the façade features acute-angled vertical lines rolling along the parapets and setback on the top levels, all covered with dark brown brick tiles. All these are typical expressions of the Gothic Art Deco style of American skyscrapers at that time. The slim brick columns with stone cappings together with large glass windows between form a strong texture and pattern of light and shadow. The interior public space paved with terrazzo or mosaic, the flowing treatments to the ceilings, corner beads and use of light are all evidence of Modernism. Some important organizations, such as the Christian Publishing House, the China Baptist Publication Society, and Hujiang University occupied the Building successively. After 1932, Hudec’s firm was also moved into this Building.<br />
The design of this building reveals the formation of Hudec’s individual architectural style, with a preference for Gothic Revival architectural features, particularly notable in the rich brickwork façade. It also witnesses his growth step by step as an ecletic architect able to work in a variety of architectural styles. (The building has been listed as Heritage Architecture of Shanghai since 1994.)</p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_983" class="gallery"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_983" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_983" class="loader"></div>
					<div id="slideshow_983" class="slideshow"></div>
					<div id="caption_983" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_983 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_983').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_983',
					controlsContainerSel:      '#controls_983',
					captionContainerSel:       '#caption_983',  
					loadingContainerSel:       '#loading_983',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             	false,  
					autoStart:                 	'',
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://www.disappearingcorners.com/the-china-baptist-publication-building-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gezhi Middle School</title>
		<link>http://www.disappearingcorners.com/gezhi-middle-school/</link>
		<comments>http://www.disappearingcorners.com/gezhi-middle-school/#comments</comments>
		<pubDate>Thu, 26 Nov 2009 09:38:56 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Second Batch]]></category>
		<category><![CDATA[Huangpu District]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=794</guid>
		<description><![CDATA[Address: No. 66, North Guangxi Road Another fine example of Art Deco in Shanghai in the post-liberation period. Construction started on 30th October, 1962. One of the most famous schools in Shanghai, it was founded in 1874 by Xu Shou and an English missionary called John Fryer.]]></description>
			<content:encoded><![CDATA[<p><strong>Address: No. 66, North Guangxi Road</strong></p>
<p>Another fine example of Art Deco in Shanghai in the post-liberation period. Construction started on 30th October, 1962.</p>
<p>One of the most famous schools in Shanghai, it was founded in 1874 by Xu Shou and an English missionary called John Fryer.</p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_794" class="gallery"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_794" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2009/11/Gezhi-Middle-School-Gate-333x500.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2009/11/Gezhi-Middle-School-Gate-50x50.jpg" alt="" title="Gate of Gezhi Middle School" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">Gate of Gezhi Middle School</div>
												<div class="image-desc">Photo by Cintia Kou</div>
												
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2009/11/Gezhi-Middle-School-400x266.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2009/11/Gezhi-Middle-School-50x50.jpg" alt="" title="Gezhi Middle School" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">Gezhi Middle School</div>
												<div class="image-desc">Photo by Cintia Kou</div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_794" class="loader"></div>
					<div id="slideshow_794" class="slideshow"></div>
					<div id="caption_794" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_794 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_794').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_794',
					controlsContainerSel:      '#controls_794',
					captionContainerSel:       '#caption_794',  
					loadingContainerSel:       '#loading_794',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             	false,  
					autoStart:                 	'',
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://www.disappearingcorners.com/gezhi-middle-school/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Paulun Hospital</title>
		<link>http://www.disappearingcorners.com/paulun-hospital/</link>
		<comments>http://www.disappearingcorners.com/paulun-hospital/#comments</comments>
		<pubDate>Thu, 26 Nov 2009 09:37:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Second Batch]]></category>
		<category><![CDATA[Huangpu District]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=792</guid>
		<description><![CDATA[Address: No. 450 Fengyang Road Thanks to Mr. Hua Kejian, the guest speaker for the November ESH Meeting. This building has always been a hospital, even more than 100 years ago. It was founded by Erich Paulun in 1900, the German doctor who founded the medical school which is now known as Tongji University. Today, [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Address: No. 450 Fengyang Road</strong></p>
<p>Thanks to Mr. Hua Kejian, the guest speaker for the November ESH Meeting. This building has always been a hospital, even more than 100 years ago. It was founded by Erich Paulun in 1900, the German doctor who founded the medical school which is now known as Tongji University. Today, this house is part of the Changzheng Hospital.</p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_792" class="gallery"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_792" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2009/11/paulun-400x265.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2009/11/paulun-50x50.jpg" alt="" title="Exterior of Paulun Hospital" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">Exterior of Paulun Hospital</div>
												<div class="image-desc">Photo by Cintia Kou</div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_792" class="loader"></div>
					<div id="slideshow_792" class="slideshow"></div>
					<div id="caption_792" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_792 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_792').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_792',
					controlsContainerSel:      '#controls_792',
					captionContainerSel:       '#caption_792',  
					loadingContainerSel:       '#loading_792',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             	false,  
					autoStart:                 	'',
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://www.disappearingcorners.com/paulun-hospital/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Former Residence of the YING Family</title>
		<link>http://www.disappearingcorners.com/former-residence-of-the-ying-family/</link>
		<comments>http://www.disappearingcorners.com/former-residence-of-the-ying-family/#comments</comments>
		<pubDate>Thu, 26 Nov 2009 09:33:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Second Batch]]></category>
		<category><![CDATA[Huangpu District]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=788</guid>
		<description><![CDATA[Address: No. 338, Fengyang Road On a beautiful early summer night in May 2009, I had this special chance to attend the regular ESH Meeting (Explore Shanghai Heritage) at the German Consulate and listen to the night&#8217;s special guest, Mr. To Foo Ying recalling about the life of Old Shanghai. Born in Shanghai to the [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Address: No. 338, Fengyang Road</strong></p>
<p>On a beautiful early summer night in May 2009, I had this special chance to attend the regular ESH Meeting (Explore Shanghai Heritage) at the German Consulate and listen to the night&#8217;s special guest, Mr. To Foo Ying recalling about the life of Old Shanghai. Born in Shanghai to the wealthy Ying family, he left for Hong Kong after the liberation and according to Mrs. Gabi, the consul&#8217;s wife, Mr. Ying went on to become a very successful businessman in the city. An alumnus of the St. John&#8217;s the Divine, he revisited Shanghai with his very elegant wife on this special occasion for an alumni gathering.</p>
<p>A 3-storey building with a &quot;false fourth floor&quot; located on the former Burkill Road, the present day Fengyang Road, it was built by To Foo&#8217;s father and cost him 100,000 tils of silver with all stone granite delivered from Soochow. It is interesting to note the rather hidden location of the house too. I have been in Shanghai for so many years and walked down this street for a trillion times but never will I know the existence of this unique building had I not attended this meeting. To Foo said Mr Ying the Senior was once kidnapped thus he wanted his house to be hidden behind the markets  so as to keep away from any unwanted attention.</p>
<p>The family owned a lot of properties, Linongs (Alley Houses) and lands all over Shanghai and one day, after 33 years living in the house, the People&#8217;s Government wanted to sue Mr. Ying, Sr. because a wall of one of the family&#8217;s Linongs on Tianjin Road was slanting. To Foo, who was 32 years old back then, represented his father on the 1st hearing.</p>
<p>&quot;What do you have to compensate?&quot;<br />
&quot;Nothing&quot;</p>
<p>On the 2nd hearing: The same question and also the same reply from To Foo.</p>
<p>After the 3rd hearing, To Foo went home and told his father that he&#8217;d go to jail if he can do nothing to compensate and convinced him to sell the house.</p>
<p>Mr. To Foo continued a very interesting part about the currency reform after the liberation which I couldn&#8217;t quite understand but anyway, in the very end, they sold the house to the government for 175,000 yuan.</p>
<p>Currently, the house is owned by a private advertising company. On a cold rainy afternoon, I went into the courtyard of the house and told the guard the words Boris (an architect, son of Mr. To Foo) taught me; I asked him earlier whether it&#8217;s possible to visit the house. Then I was greeted by a Mr. Y-, who I suppose to be the boss of the company. A firm handshake and a friendly smile, he instructed the guard to show me around and I had this privilege to take pictures from any corners of the house, from the ground floor up to the &quot;false fourth floor&quot;. Mr Zhao the guard, who happens to be a serious amateur photographer, helped me to get my tripod setup in the narrow staircase and hallways, and gave me a lot of invaluable suggestions on getting the best angle inside the house. The stained glass, I would say, are the most beautiful things, so as the tiled floors and the beautiful balcony&#8230; &#8230;</p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_788" class="gallery"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_788" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2009/11/ying4-400x266.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2009/11/ying4-50x50.jpg" alt="" title="View of the whole house" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">View of the whole house</div>
												<div class="image-desc">Photo by Cintia Kou</div>
												
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2009/11/ying2-400x266.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2009/11/ying2-50x50.jpg" alt="" title="At the Gate" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">At the Gate</div>
												<div class="image-desc">Photo by Cintia Kou</div>
												
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2009/11/ying6-333x500.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2009/11/ying6-50x50.jpg" alt="" title="Waiting Room" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">Waiting Room</div>
												<div class="image-desc">Photo by Cintia Kou</div>
												
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2009/11/YING9-333x500.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2009/11/YING9-50x50.jpg" alt="" title="Staircase" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">Staircase</div>
												<div class="image-desc">Photo by Cintia Kou</div>
												
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2009/11/YING8-400x266.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2009/11/YING8-50x50.jpg" alt="" title="Staircase" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">Staircase</div>
												<div class="image-desc">Photo by Cintia Kou</div>
												
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2009/11/YING___-400x266.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2009/11/YING___-50x50.jpg" alt="" title="Stained Glass" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">Stained Glass</div>
												<div class="image-desc">Photo by Cintia Kou</div>
												
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2009/11/YING5-333x500.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2009/11/YING5-50x50.jpg" alt="" title="Dome made of Stained Glass" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">Dome made of Stained Glass</div>
												<div class="image-desc">Photo by Cintia Kou</div>
												
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2009/11/ying-400x266.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2009/11/ying-50x50.jpg" alt="" title="Grand Ballroom on the top floor" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">Grand Ballroom</div>
												<div class="image-desc">Photo by Cintia Kou</div>
												
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2009/11/ying0-333x500.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2009/11/ying0-50x50.jpg" alt="" title="Balcony on the second floor" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">Balcony on the second floor</div>
												<div class="image-desc">Photo by Cintia Kou</div>
												
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2009/11/ying7-400x266.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2009/11/ying7-50x50.jpg" alt="" title="Mosaic Tiles" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">Mosaic Tiles</div>
												<div class="image-desc">Photo by Cintia Kou</div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_788" class="loader"></div>
					<div id="slideshow_788" class="slideshow"></div>
					<div id="caption_788" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_788 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_788').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_788',
					controlsContainerSel:      '#controls_788',
					captionContainerSel:       '#caption_788',  
					loadingContainerSel:       '#loading_788',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             	false,  
					autoStart:                 	'',
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://www.disappearingcorners.com/former-residence-of-the-ying-family/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Residence at 40º North Xian Mian Ci Alley</title>
		<link>http://www.disappearingcorners.com/residence-at-40-north-xian-mian-ci-alley/</link>
		<comments>http://www.disappearingcorners.com/residence-at-40-north-xian-mian-ci-alley/#comments</comments>
		<pubDate>Thu, 26 Nov 2009 09:32:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Second Batch]]></category>
		<category><![CDATA[Huangpu District]]></category>
		<category><![CDATA[Old Town (老城厢)]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=786</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[
<br />

]]></content:encoded>
			<wfw:commentRss>http://www.disappearingcorners.com/residence-at-40-north-xian-mian-ci-alley/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Yokohama Specie Bank</title>
		<link>http://www.disappearingcorners.com/yokohama-specie-bank/</link>
		<comments>http://www.disappearingcorners.com/yokohama-specie-bank/#comments</comments>
		<pubDate>Sun, 23 Nov 2008 08:38:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[First Batch]]></category>
		<category><![CDATA[Bund]]></category>
		<category><![CDATA[Huangpu District]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=259</guid>
		<description><![CDATA[Yokohama Specie Bank]]></description>
			<content:encoded><![CDATA[<p>Yokohama Specie Bank</p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_259" class="gallery"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_259" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2008/11/Yokohama-Specie-Bank.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2008/11/Yokohama-Specie-Bank-50x50.jpg" alt="" title="Yokohama Specie Bank" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">Yokohama Specie Bank</div>
												<div class="image-desc">© DBHKer</div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_259" class="loader"></div>
					<div id="slideshow_259" class="slideshow"></div>
					<div id="caption_259" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_259 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_259').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_259',
					controlsContainerSel:      '#controls_259',
					captionContainerSel:       '#caption_259',  
					loadingContainerSel:       '#loading_259',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             	false,  
					autoStart:                 	'',
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://www.disappearingcorners.com/yokohama-specie-bank/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Shanghai Club</title>
		<link>http://www.disappearingcorners.com/the-shanghai-club/</link>
		<comments>http://www.disappearingcorners.com/the-shanghai-club/#comments</comments>
		<pubDate>Sun, 23 Nov 2008 08:38:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[First Batch]]></category>
		<category><![CDATA[Bund]]></category>
		<category><![CDATA[Huangpu District]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=257</guid>
		<description><![CDATA[The Shanghai Club]]></description>
			<content:encoded><![CDATA[<p>The Shanghai Club</p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_257" class="gallery"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_257" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2008/11/The-Shanghai-Club.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2008/11/The-Shanghai-Club-50x50.jpg" alt="" title="The Shanghai Club" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">The Shanghai Club</div>
												<div class="image-desc">© DBHKer</div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_257" class="loader"></div>
					<div id="slideshow_257" class="slideshow"></div>
					<div id="caption_257" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_257 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_257').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_257',
					controlsContainerSel:      '#controls_257',
					captionContainerSel:       '#caption_257',  
					loadingContainerSel:       '#loading_257',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             	false,  
					autoStart:                 	'',
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://www.disappearingcorners.com/the-shanghai-club/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Asiatic Petroleum Building</title>
		<link>http://www.disappearingcorners.com/asiatic-petroleum-building/</link>
		<comments>http://www.disappearingcorners.com/asiatic-petroleum-building/#comments</comments>
		<pubDate>Sun, 23 Nov 2008 08:37:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[First Batch]]></category>
		<category><![CDATA[Bund]]></category>
		<category><![CDATA[Huangpu District]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=255</guid>
		<description><![CDATA[Asiatic Petroleum Building Built in 1916 for Royal Dutch Shell&#8217;s Asiatic Petroleum division.]]></description>
			<content:encoded><![CDATA[<p>Asiatic Petroleum Building</p>
<p>Built in 1916 for Royal Dutch Shell&#8217;s Asiatic Petroleum division.</p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_255" class="gallery"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_255" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2008/11/asia-petroleum.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2008/11/asia-petroleum-50x50.jpg" alt="" title="Asia Petroleum Building" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">Asia Petroleum Building</div>
												<div class="image-desc">Photo Credit: DBHKer</div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_255" class="loader"></div>
					<div id="slideshow_255" class="slideshow"></div>
					<div id="caption_255" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_255 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_255').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_255',
					controlsContainerSel:      '#controls_255',
					captionContainerSel:       '#caption_255',  
					loadingContainerSel:       '#loading_255',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             	false,  
					autoStart:                 	'',
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
<div align="center"><div class="google-map-placeholder" id="121b28f41e13d3020301ce68f57664cc" style="width:450px;height:350px; border:1px solid #333333;"></div></div><div class="google-map-directions-panel" id="directions-placeholder-121b28f41e13d3020301ce68f57664cc" style="margin-top: 8px !important; text-align: center; padding: 10px 12px !important; overflow: auto;"></div><script type="text/javascript">
    var map_121b28f41e13d3020301ce68f57664cc = new google.maps.Map(document.getElementById("121b28f41e13d3020301ce68f57664cc"));
    var orc = new jQuery.GoogleMapOrchestrator(map_121b28f41e13d3020301ce68f57664cc, {markerdirections: "true", bubbleAutoPan: "false", initLocation: "31.23334,121.49127", zoom : 18, mapType: google.maps.MapTypeId.ROADMAP});
    orcHolder.push({mapId: "121b28f41e13d3020301ce68f57664cc", orchestrator: orc});
    orc.switchMapControl(true, jQuery.GoogleMapOrchestrator.ControlType.MAPTYPE);
    orc.switchMapControl(true, jQuery.GoogleMapOrchestrator.ControlType.PAN);
    orc.switchMapControl(true, jQuery.GoogleMapOrchestrator.ControlType.ZOOM);
    orc.switchMapControl(true, jQuery.GoogleMapOrchestrator.ControlType.SCALE);
    orc.switchMapControl(true, jQuery.GoogleMapOrchestrator.ControlType.STREETVIEW);
    orc.buildInitLocationMarker();
</script>
]]></content:encoded>
			<wfw:commentRss>http://www.disappearingcorners.com/asiatic-petroleum-building/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Caldbeck McGregor &amp; Co</title>
		<link>http://www.disappearingcorners.com/caldbeck-mcgregor-co/</link>
		<comments>http://www.disappearingcorners.com/caldbeck-mcgregor-co/#comments</comments>
		<pubDate>Sun, 23 Nov 2008 08:36:50 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[First Batch]]></category>
		<category><![CDATA[Bund]]></category>
		<category><![CDATA[Huangpu District]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=253</guid>
		<description><![CDATA[Address: Foochow Road]]></description>
			<content:encoded><![CDATA[<p>Address: Foochow Road</p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_253" class="gallery"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_253" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2008/11/Caldbeck-McGregor-Co-400x262.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2008/11/Caldbeck-McGregor-Co-50x50.jpg" alt="" title="Caldbeck McGregor &amp; Co" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">Caldbeck McGregor & Co</div>
												<div class="image-desc">Photo Credit: DBHKer</div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_253" class="loader"></div>
					<div id="slideshow_253" class="slideshow"></div>
					<div id="caption_253" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_253 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_253').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_253',
					controlsContainerSel:      '#controls_253',
					captionContainerSel:       '#caption_253',  
					loadingContainerSel:       '#loading_253',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             	false,  
					autoStart:                 	'',
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://www.disappearingcorners.com/caldbeck-mcgregor-co/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Lester School &amp; Technical Institute</title>
		<link>http://www.disappearingcorners.com/lester-school-technical-institute/</link>
		<comments>http://www.disappearingcorners.com/lester-school-technical-institute/#comments</comments>
		<pubDate>Sun, 23 Nov 2008 08:36:33 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[First Batch]]></category>
		<category><![CDATA[Bund]]></category>
		<category><![CDATA[Huangpu District]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=251</guid>
		<description><![CDATA[Text by John Meckley Designed by the firm of Lester, Johnson, &#038; Morris (Henry Lester, George A. Johnson &#038; Gordon Morris) in 1934; now the Shanghai Seaman&#8217;s Hospital. The building looks like an airplane or a bird when seen from above: Click here]]></description>
			<content:encoded><![CDATA[<p><em>Text by John Meckley</em></p>
<p>Designed by the firm of Lester, Johnson, &#038; Morris (Henry Lester, George A. Johnson &#038; Gordon Morris) in 1934; now the Shanghai Seaman&#8217;s  Hospital. The building looks like an airplane or a bird when seen from above: <a href="http://maps.google.com/maps?f=q&#038;source=s_q&#038;hl=en&#038;geocode=&#038;q=changzhi+Rd,+shanghai&#038;sll=31.230708,121.472916&#038;sspn=1.012226,2.113495&#038;g=shanghai&#038;ie=UTF8&#038;hq=&#038;hnear=Changzhi+Rd,+Hongkou,+Shanghai,+China&#038;ll=31.252749,121.493602&#038;spn=0.003953,0.008256&#038;t=h&#038;z=18">Click here</a></p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_251" class="gallery"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_251" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2008/11/lester-400x224.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2008/11/lester-50x50.jpg" alt="" title="Lester School &amp; Technical Institute " />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">Lester School & Technical Institute </div>
												<div class="image-desc">© John Meckley</div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_251" class="loader"></div>
					<div id="slideshow_251" class="slideshow"></div>
					<div id="caption_251" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_251 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_251').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_251',
					controlsContainerSel:      '#controls_251',
					captionContainerSel:       '#caption_251',  
					loadingContainerSel:       '#loading_251',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             	false,  
					autoStart:                 	'',
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://www.disappearingcorners.com/lester-school-technical-institute/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pacific Hotel</title>
		<link>http://www.disappearingcorners.com/pacific-hotel/</link>
		<comments>http://www.disappearingcorners.com/pacific-hotel/#comments</comments>
		<pubDate>Sun, 23 Nov 2008 08:26:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[First Batch]]></category>
		<category><![CDATA[Hotel]]></category>
		<category><![CDATA[Huangpu District]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=233</guid>
		<description><![CDATA[Pacific Hotel]]></description>
			<content:encoded><![CDATA[<p>Pacific Hotel</p>
]]></content:encoded>
			<wfw:commentRss>http://www.disappearingcorners.com/pacific-hotel/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Grand Theatre</title>
		<link>http://www.disappearingcorners.com/grand-theatre/</link>
		<comments>http://www.disappearingcorners.com/grand-theatre/#comments</comments>
		<pubDate>Sun, 23 Nov 2008 08:14:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[First Batch]]></category>
		<category><![CDATA[Huangpu District]]></category>
		<category><![CDATA[Lazlo Hudec]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=219</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[
<br />

]]></content:encoded>
			<wfw:commentRss>http://www.disappearingcorners.com/grand-theatre/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Park Hotel</title>
		<link>http://www.disappearingcorners.com/park-hotel/</link>
		<comments>http://www.disappearingcorners.com/park-hotel/#comments</comments>
		<pubDate>Sun, 23 Nov 2008 08:13:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[First Batch]]></category>
		<category><![CDATA[Huangpu District]]></category>
		<category><![CDATA[Lazlo Hudec]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=217</guid>
		<description><![CDATA[Address: No. 170 West Nanjing Road Text with kind permission from www.Hudec.cn Shanghai Joint Savings Society Building, known today as the International Hotel, or Park Hotel, is located at No. 170 West Nanjing Road. It was named after the allied bank founded in 1923 by the Yienyieh Commercial Bank, Kincheng Banking corporation, the China and [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Address: No. 170 West Nanjing Road</strong></p>
<p><em>Text with kind permission from www.Hudec.cn</em></p>
<p>Shanghai Joint Savings Society Building, known today as the International Hotel, or Park Hotel, is located at No. 170 West Nanjing Road. It was named after the allied bank founded in 1923 by the Yienyieh Commercial Bank, Kincheng Banking corporation, the China and South Sea Bank and the Continental Bank. Designed in March 1931 and completed in December 1934, the building is 83.8-metres high and contains 22 stories above ground and another 2 stories underground. Built by Voh Kee Construction Company, the piling project was finished by a Danish Company established by Corrit.<br />
Taking early American skyscrapers in New York and Chicago as a source of inspiration, J.S.S. Building was designed in a style of modern Art Deco with long vertical stripes shrinking layer upon layer on the elevations and creating a setback skyline at the top of the tower above the 15th floor. The facade is mostly covered with brown facing bricks while the bottom is coated with black granite. All these materials are produced in China. The building has a steel frame structure, coated with concrete for fireproofing, and reinforced concrete floors. Thanks to the raft foundation of reinforced concrete and the dense and deep sheet-piling, the building has the least subsidence among the high-rises built in Shanghai at that time. Each floor is equipped with hydrants, automatic extinguishing spray devices and artesian units along with a tap water supply system. Its cold air system was also the first application among hotels built in China at that time.<br />
J.S.S Building has been reputed as the tallest in the Far East for several decades and the highest landmark in Shanghai for nearly half a century. It is Hudec’s masterpiece of modernism and Art Deco by virtue of rapid development in both financial investment in real estate and building technology in Shanghai in 1930s, the design and the construction of the Park Hotel reached the highest level of skyscrapers in the Far East in 1930s. (The building has been listed as Heritage Architecture of Shanghai in 1989.)</p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_217" class="gallery"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_217" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2008/11/park-400x300.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2008/11/park-50x50.jpg" alt="" title="Park Hotel" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">Park Hotel</div>
												<div class="image-desc">© John Meckley</div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_217" class="loader"></div>
					<div id="slideshow_217" class="slideshow"></div>
					<div id="caption_217" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_217 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_217').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_217',
					controlsContainerSel:      '#controls_217',
					captionContainerSel:       '#caption_217',  
					loadingContainerSel:       '#loading_217',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             	false,  
					autoStart:                 	'',
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://www.disappearingcorners.com/park-hotel/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Moore Memorial Church</title>
		<link>http://www.disappearingcorners.com/the-moore-memorial-church/</link>
		<comments>http://www.disappearingcorners.com/the-moore-memorial-church/#comments</comments>
		<pubDate>Sun, 23 Nov 2008 08:03:50 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[First Batch]]></category>
		<category><![CDATA[Huangpu District]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=175</guid>
		<description><![CDATA[Address: No. 316 Xizhang Road Text with kind permission from www.Hudec.cn Moore Memorial Church, known today as the Mu En Tang, is located at No. 316 Middle Xizang Road. It was formerly a Methodist Church, established in 1887 and then changed its’ name to “Moore Memorial Church”, when rebuilt in 1931 with money donated by [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Address: No. 316 Xizhang Road</strong></p>
<p><em>Text with kind permission from www.Hudec.cn</em></p>
<p>Moore Memorial Church, known today as the Mu En Tang, is located at No. 316 Middle Xizang Road. It was formerly a Methodist Church, established in 1887 and then changed its’ name to “Moore Memorial Church”, when rebuilt in 1931 with money donated by Mr. JM Moore, in memory of his daughter. Occupied by the Japanese army from 1941 to 1945 and then by a Nanjing Middle School, it resumed its religious functions in 1979.  Covering a site area of 1,347 square-meters and building area of 3,138 square-meters, the church was of a three-storey steel－concrete structure, constructed by the “English Eastern Ironworks” Company.<br />
The Moore Memorial Church now serves as a community Church for Chinese Christians. . Facing West, the main church lies in the centre, with several auxiliary rooms at the four corners. Wide galleries on each side of the chapel serve as a transition space from the exterior to the interior worship space..  The English neo-Gothic church features unique exterior walls constructed in a textured pattern with alternating protruding red bricks and stone quoins on the wall corners. The flamboyant ecclesiastical lancet windows in the tower and on the bay windows in the entrance, and in the flanking halls are a typical Tudor style..  The Gothic vaulted ceilings, finished with stone ribbing combined with the stained glass windows, give mystery and warmth to the church. With a height of 42.1 meters, the Bell Tower on the south-west corner was the highest tower in Shanghai at the time.<br />
The completion of Moore Memorial Church witnessed Hudec’s maturity in the free application of classical architectural styles. He was able to deal with complicated functional requirements, foundation conditions and the surrounding street-scape, and to cast rational thought toward the creation of an environment of a special character.</p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_175" class="gallery"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_175" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2008/11/The-Moore-Memorial-Church-400x266.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2008/11/The-Moore-Memorial-Church-50x50.jpg" alt="" title="The Moore Memorial Church" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">The Moore Memorial Church</div>
												<div class="image-desc">© Cíntia Kou</div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_175" class="loader"></div>
					<div id="slideshow_175" class="slideshow"></div>
					<div id="caption_175" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_175 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_175').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_175',
					controlsContainerSel:      '#controls_175',
					captionContainerSel:       '#caption_175',  
					loadingContainerSel:       '#loading_175',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             	false,  
					autoStart:                 	'',
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://www.disappearingcorners.com/the-moore-memorial-church/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Capitol Theatre</title>
		<link>http://www.disappearingcorners.com/the-capitol-theatre/</link>
		<comments>http://www.disappearingcorners.com/the-capitol-theatre/#comments</comments>
		<pubDate>Sun, 23 Nov 2008 07:53:52 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[First Batch]]></category>
		<category><![CDATA[Huangpu District]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=140</guid>
		<description><![CDATA[Address:146 Huqiu Road Text by John Meckley The Capitol Theatre, the first air-conditioned cinema in Shanghai, was located in the Shahmoon Building designed by C.H. Gonda.]]></description>
			<content:encoded><![CDATA[<p><strong>Address:146 Huqiu Road</strong></p>
<p><em>Text by John Meckley</em></p>
<p>The Capitol Theatre, the first air-conditioned cinema in Shanghai, was located in the Shahmoon Building designed by C.H. Gonda. </p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_140" class="gallery"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_140" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2008/11/The-Capitol-Theatre-400x266.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2008/11/The-Capitol-Theatre-50x50.jpg" alt="" title="The Capitol Theatre" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">The Capitol Theatre</div>
												<div class="image-desc">© Cíntia Kou</div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_140" class="loader"></div>
					<div id="slideshow_140" class="slideshow"></div>
					<div id="caption_140" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_140 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_140').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_140',
					controlsContainerSel:      '#controls_140',
					captionContainerSel:       '#caption_140',  
					loadingContainerSel:       '#loading_140',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             	false,  
					autoStart:                 	'',
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://www.disappearingcorners.com/the-capitol-theatre/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Grand Hotel</title>
		<link>http://www.disappearingcorners.com/the-grand-hotel/</link>
		<comments>http://www.disappearingcorners.com/the-grand-hotel/#comments</comments>
		<pubDate>Sun, 23 Nov 2008 07:53:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[First Batch]]></category>
		<category><![CDATA[Huangpu District]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=138</guid>
		<description><![CDATA[Address: Xizhang Road by Guangdong Road Built in 1929, it&#8217;s not a recreational centre where one can see lots of middle aged locals debating about the stock market at the main entrance during weekends. Update: I visited the building today (20th August, 2008) and climbed to Level 6, which is still a hotel, with a [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Address: Xizhang Road by Guangdong Road</strong></p>
<p>Built in 1929, it&#8217;s not a recreational centre where one can see lots of middle aged locals debating about the stock market at the main entrance during weekends.</p>
<p>Update: I visited the building today (20th August, 2008) and climbed to Level 6, which is still a hotel, with a cafe overlooking the People&#8217;s Park. There is a roof top garden where a yoga house hides.</p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_138" class="gallery"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_138" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2008/11/The-Grand-Hotel.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2008/11/The-Grand-Hotel-50x50.jpg" alt="" title="The Grand Hotel" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">The Grand Hotel</div>
												<div class="image-desc">© Cíntia Kou</div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_138" class="loader"></div>
					<div id="slideshow_138" class="slideshow"></div>
					<div id="caption_138" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_138 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_138').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_138',
					controlsContainerSel:      '#controls_138',
					captionContainerSel:       '#caption_138',  
					loadingContainerSel:       '#loading_138',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             	false,  
					autoStart:                 	'',
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://www.disappearingcorners.com/the-grand-hotel/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Customs House</title>
		<link>http://www.disappearingcorners.com/the-customs-house/</link>
		<comments>http://www.disappearingcorners.com/the-customs-house/#comments</comments>
		<pubDate>Sun, 23 Nov 2008 07:52:55 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[First Batch]]></category>
		<category><![CDATA[Bund]]></category>
		<category><![CDATA[Huangpu District]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=136</guid>
		<description><![CDATA[The Customs House]]></description>
			<content:encoded><![CDATA[<p>The Customs House</p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_136" class="gallery"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_136" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2008/11/The-Customs-House-400x300.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2008/11/The-Customs-House-50x50.jpg" alt="" title="The Customs House" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">The Customs House</div>
												<div class="image-desc">© Max Waldman</div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_136" class="loader"></div>
					<div id="slideshow_136" class="slideshow"></div>
					<div id="caption_136" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_136 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_136').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_136',
					controlsContainerSel:      '#controls_136',
					captionContainerSel:       '#caption_136',  
					loadingContainerSel:       '#loading_136',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             	false,  
					autoStart:                 	'',
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://www.disappearingcorners.com/the-customs-house/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The former British Consulate</title>
		<link>http://www.disappearingcorners.com/the-former-british-consulate/</link>
		<comments>http://www.disappearingcorners.com/the-former-british-consulate/#comments</comments>
		<pubDate>Sun, 23 Nov 2008 07:52:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[First Batch]]></category>
		<category><![CDATA[Bund]]></category>
		<category><![CDATA[Huangpu District]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=134</guid>
		<description><![CDATA[No 33 East Zhongshan Road I (text from Ruan Yi Shan Brochure) Shanghai was officially opened to foreigners as a commercial treaty port on November 17, 1843. The British consulate to Shanghai was built in July 1849. It was burnt to askes on December 24, 1870. The rebuilding commenced in June, 1872 nd was completed [...]]]></description>
			<content:encoded><![CDATA[<p><strong>No 33 East Zhongshan Road I</strong></p>
<p>(text from Ruan Yi Shan Brochure)</p>
<p>Shanghai was officially opened to foreigners as a commercial treaty port on November 17, 1843. The British consulate to Shanghai was built in July 1849. It was burnt to askes on December 24, 1870. The rebuilding commenced in June, 1872 nd was completed in 1873. The building displays a combination of British Renaissance and Victorian Style. Brick-wood structured, it has an H-plan with a four-slope roof.</p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_134" class="gallery"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_134" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2008/11/The-Former-British-Consulate-Building-II-400x266.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2008/11/The-Former-British-Consulate-Building-II-50x50.jpg" alt="" title="The Former British Consulate Building" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">The Former British Consulate Building</div>
												<div class="image-desc">© Cíntia Kou</div>
												
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2008/11/The-Former-British-Consulate-Building-400x300.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2008/11/The-Former-British-Consulate-Building-50x50.jpg" alt="" title="The Former British Consulate Building" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">The Former British Consulate Building</div>
												<div class="image-desc">© Max Waldman</div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_134" class="loader"></div>
					<div id="slideshow_134" class="slideshow"></div>
					<div id="caption_134" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_134 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_134').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_134',
					controlsContainerSel:      '#controls_134',
					captionContainerSel:       '#caption_134',  
					loadingContainerSel:       '#loading_134',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             	false,  
					autoStart:                 	'',
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://www.disappearingcorners.com/the-former-british-consulate/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Hamilton House</title>
		<link>http://www.disappearingcorners.com/hamilton-house/</link>
		<comments>http://www.disappearingcorners.com/hamilton-house/#comments</comments>
		<pubDate>Sun, 23 Nov 2008 07:50:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[First Batch]]></category>
		<category><![CDATA[Huangpu District]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=124</guid>
		<description><![CDATA[Text by John Meckley Central Jiangxi Rd and Fuzhou Rd; desgined by Palmer and Turner; completed in 1932]]></description>
			<content:encoded><![CDATA[<p><em>Text by John Meckley</em></p>
<p>Central Jiangxi Rd and Fuzhou Rd; desgined by Palmer and Turner; completed in 1932</p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_124" class="gallery"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_124" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2008/11/hamilton-400x300.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2008/11/hamilton-50x50.jpg" alt="" title="hamilton" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">Hamilton House</div>
												<div class="image-desc">© Max Waldman</div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_124" class="loader"></div>
					<div id="slideshow_124" class="slideshow"></div>
					<div id="caption_124" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_124 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_124').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_124',
					controlsContainerSel:      '#controls_124',
					captionContainerSel:       '#caption_124',  
					loadingContainerSel:       '#loading_124',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             	false,  
					autoStart:                 	'',
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://www.disappearingcorners.com/hamilton-house/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Christian Literature Society Building</title>
		<link>http://www.disappearingcorners.com/the-china-baptist-publication-building/</link>
		<comments>http://www.disappearingcorners.com/the-china-baptist-publication-building/#comments</comments>
		<pubDate>Sun, 23 Nov 2008 07:48:53 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[First Batch]]></category>
		<category><![CDATA[Huangpu District]]></category>
		<category><![CDATA[Lazlo Hudec]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=118</guid>
		<description><![CDATA[A work of Lazlo Hudec]]></description>
			<content:encoded><![CDATA[<p>A work of Lazlo Hudec</p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_118" class="gallery"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_118" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2008/11/christian.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2008/11/christian-50x50.jpg" alt="" title="Christian Literature Society Building" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">Christian Literature Society Building</div>
												<div class="image-desc">Photo Credits: Max Waldman</div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_118" class="loader"></div>
					<div id="slideshow_118" class="slideshow"></div>
					<div id="caption_118" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_118 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_118').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_118',
					controlsContainerSel:      '#controls_118',
					captionContainerSel:       '#caption_118',  
					loadingContainerSel:       '#loading_118',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             	false,  
					autoStart:                 	'',
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://www.disappearingcorners.com/the-china-baptist-publication-building/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Russian Consulate</title>
		<link>http://www.disappearingcorners.com/russian-consulate/</link>
		<comments>http://www.disappearingcorners.com/russian-consulate/#comments</comments>
		<pubDate>Fri, 17 Oct 2008 14:48:30 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[First Batch]]></category>
		<category><![CDATA[Huangpu District]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=33</guid>
		<description><![CDATA[Many Russians came to settle in China in the late 19th century and in order to protect their interests, the Russian Consulate was opened in 1896. It is located in the Bund area, and still serves as the Russian Consulate.]]></description>
			<content:encoded><![CDATA[<p>Many Russians came to settle in China in the late 19th century and in order to protect their interests, the Russian Consulate was opened in 1896. It is located in the Bund area, and still serves as the Russian Consulate.</p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_33" class="gallery"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_33" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2008/10/russian-consulate.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2008/10/russian-consulate-50x50.jpg" alt="" title="Russian Consulate" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">Russian Consulate</div>
												<div class="image-desc">© Cíntia Kou</div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_33" class="loader"></div>
					<div id="slideshow_33" class="slideshow"></div>
					<div id="caption_33" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_33 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_33').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_33',
					controlsContainerSel:      '#controls_33',
					captionContainerSel:       '#caption_33',  
					loadingContainerSel:       '#loading_33',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             	false,  
					autoStart:                 	'',
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://www.disappearingcorners.com/russian-consulate/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>General Post Office Building</title>
		<link>http://www.disappearingcorners.com/general-post-office-building/</link>
		<comments>http://www.disappearingcorners.com/general-post-office-building/#comments</comments>
		<pubDate>Fri, 17 Oct 2008 14:47:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[First Batch]]></category>
		<category><![CDATA[Huangpu District]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=29</guid>
		<description><![CDATA[The four storey General Post Office Building is located at the north end of the Sichuan Road Bridge, Shanghai, on the banks of the Suzhou Creek. Built from 1922 to 1924 and designed by Stewardson &#38; Spence, the building is in Classical style. Its two main facades use three-storey high Corinthian columns. The main door [...]]]></description>
			<content:encoded><![CDATA[<p>The four storey General Post Office Building is located at the north end of the Sichuan Road Bridge, Shanghai, on the banks of the Suzhou Creek.</p>
<p>Built from 1922 to 1924 and designed by Stewardson &amp; Spence, the building is in Classical style. Its two main facades use three-storey high Corinthian columns. The main door is on the corner, and is topped by a Baroque style clock tower. The sides of the clocktower are decorated with three statuory groups. The central group features Hermes, flanked by Eros and Aphrodite, the god and goddess of love. On the second level is the 1200 square metre main trading hall, which was known as the &#8220;First Hall of the Far East&#8221;.</p>
<p>The building housed the General Post Office for the International Settlement and the French Concession in Shanghai.</p>
<p>It is now used as the headquarters of the Shanghai postal services. It is protected as a National Artefact Preservation Unit.</p>
<p>(Source: Wikipedia)</p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_29" class="gallery"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_29" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2008/10/interior-of-post-office-400x265.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2008/10/interior-of-post-office-50x50.jpg" alt="" title="Interior of Post Office" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">Interior of Post Office</div>
												<div class="image-desc">© Cíntia Kou</div>
												
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2008/10/post_1-400x266.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2008/10/post_1-50x50.jpg" alt="" title="Post Office" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">General Post Office</div>
												<div class="image-desc">© Cíntia Kou</div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_29" class="loader"></div>
					<div id="slideshow_29" class="slideshow"></div>
					<div id="caption_29" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_29 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_29').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_29',
					controlsContainerSel:      '#controls_29',
					captionContainerSel:       '#caption_29',  
					loadingContainerSel:       '#loading_29',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             	false,  
					autoStart:                 	'',
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://www.disappearingcorners.com/general-post-office-building/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Broadway Mansions</title>
		<link>http://www.disappearingcorners.com/broadway-mansion/</link>
		<comments>http://www.disappearingcorners.com/broadway-mansion/#comments</comments>
		<pubDate>Fri, 17 Oct 2008 14:47:33 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[First Batch]]></category>
		<category><![CDATA[Huangpu District]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=27</guid>
		<description><![CDATA[The Art Deco Broadway Mansions was originally built in 1934 as an exclusive residential hotel by the British. It was then sold to the Japanese in 1937 and later housed the Foreign Correspondents&#8217; Club of China after World War II. After liberation, the Shanghai Municipal overtook the hotel and renamed it to Shanghai Mansion in [...]]]></description>
			<content:encoded><![CDATA[<p>The Art Deco Broadway Mansions was originally built in 1934 as an exclusive residential hotel by the British. It was then sold to the Japanese in 1937 and later housed the Foreign Correspondents&#8217; Club of China after World War II. After liberation, the Shanghai Municipal overtook the hotel and renamed it to Shanghai Mansion in 1951. It&#8217;s most recent renovation took place in 2006 and is still a hotel; though unfortunately, this renovation couldn&#8217;t bring the mansion back to its original beauty&#8230;</p>
<p>I last visited this building on a winter day in 2003 and took some pictures of it. I still remember the Beyer Logo on the top of the building, which is now removed.</p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_27" class="gallery"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_27" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2008/10/Broadway-Mansions.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2008/10/Broadway-Mansions-50x50.jpg" alt="" title="The Broadway Mansions" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">The Broadway Mansions</div>
												<div class="image-desc">Photo Credit: Cíntia Kou</div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_27" class="loader"></div>
					<div id="slideshow_27" class="slideshow"></div>
					<div id="caption_27" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_27 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_27').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_27',
					controlsContainerSel:      '#controls_27',
					captionContainerSel:       '#caption_27',  
					loadingContainerSel:       '#loading_27',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             	false,  
					autoStart:                 	'',
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://www.disappearingcorners.com/broadway-mansion/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dongjiadu Church</title>
		<link>http://www.disappearingcorners.com/dongjiadu-church/</link>
		<comments>http://www.disappearingcorners.com/dongjiadu-church/#comments</comments>
		<pubDate>Fri, 17 Oct 2008 14:46:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[First Batch]]></category>
		<category><![CDATA[Huangpu District]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=19</guid>
		<description><![CDATA[Built in 1853, the Dongjiadu Church is one of the oldest Catholic churches in Shanghai.]]></description>
			<content:encoded><![CDATA[<p>Built in 1853, the Dongjiadu Church is one of the oldest Catholic churches in Shanghai.</p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_19" class="gallery"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_19" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2008/10/dongjiadu-church-exterior-400x266.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2008/10/dongjiadu-church-exterior-50x50.jpg" alt="" title="dongjiadu church (exterior)" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption"></div>
												<div class="image-desc"></div>
												
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2008/10/dongjiadu-church.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2008/10/dongjiadu-church-50x50.jpg" alt="" title="dongjiadu church" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption"></div>
												<div class="image-desc"></div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_19" class="loader"></div>
					<div id="slideshow_19" class="slideshow"></div>
					<div id="caption_19" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_19 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_19').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_19',
					controlsContainerSel:      '#controls_19',
					captionContainerSel:       '#caption_19',  
					loadingContainerSel:       '#loading_19',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             	false,  
					autoStart:                 	'',
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://www.disappearingcorners.com/dongjiadu-church/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Horse Racing Arena</title>
		<link>http://www.disappearingcorners.com/horse-racing-arena/</link>
		<comments>http://www.disappearingcorners.com/horse-racing-arena/#comments</comments>
		<pubDate>Fri, 17 Oct 2008 14:45:04 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[First Batch]]></category>
		<category><![CDATA[Huangpu District]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=15</guid>
		<description><![CDATA[Located at No. 325, Nanjing West Road, this building is originally known as the Shanghai Horse Racing Arena in the 1930s. I first visited this place after the SARS outbreak in mid 2003 with a cheap compact camera, and took a picture of a stone tablet hidden at one corner of the building. The following [...]]]></description>
			<content:encoded><![CDATA[<p>Located at No. 325, Nanjing West Road, this building is originally known as the Shanghai Horse Racing Arena in the 1930s.</p>
<p>I first visited this place after the SARS outbreak in mid 2003 with a cheap compact camera, and took a picture of a stone tablet hidden at one corner of the building. The following is engraved on the plaque:</p>
<p><em>Foundation Stone was laid on<br />
20th May 1933<br />
By Mrs Katherine Burkill and<br />
Commemorates the demolition of the<br />
Historical Grane Stand erected in 1863 and<br />
the erection of this building</em></p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_15" class="gallery"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_15" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2008/10/horse-racing-arena.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2008/10/horse-racing-arena-50x50.jpg" alt="" title="Horse Racing Arena" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">Horse Racing Arena</div>
												<div class="image-desc">© Cíntia Kou</div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_15" class="loader"></div>
					<div id="slideshow_15" class="slideshow"></div>
					<div id="caption_15" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_15 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_15').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_15',
					controlsContainerSel:      '#controls_15',
					captionContainerSel:       '#caption_15',  
					loadingContainerSel:       '#loading_15',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             	false,  
					autoStart:                 	'',
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://www.disappearingcorners.com/horse-racing-arena/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Warehouse on Waima Road</title>
		<link>http://www.disappearingcorners.com/warehouse-on-waima-road/</link>
		<comments>http://www.disappearingcorners.com/warehouse-on-waima-road/#comments</comments>
		<pubDate>Fri, 17 Oct 2008 14:44:08 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[First Batch]]></category>
		<category><![CDATA[Huangpu District]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=13</guid>
		<description><![CDATA[Cool rounded end on this historic warehouse on the Shanghai Huangpu River waterfront south of the Bund. The DC team is not sure about the historical facts about this building. So if you happen to know about it, please let us know. Thanks.]]></description>
			<content:encoded><![CDATA[<p>Cool rounded end on this historic warehouse on the Shanghai Huangpu River waterfront south of the Bund.</p>
<p>The DC team is not sure about the historical facts about this building. So if you happen to know about it, please let us know. Thanks.</p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_13" class="gallery"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_13" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2008/10/Warehouse-on-Waima-Road-400x300.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2008/10/Warehouse-on-Waima-Road-50x50.jpg" alt="" title="Warehouse on Waima Road" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">Warehouse on Waima Road</div>
												<div class="image-desc">© John Meckley</div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_13" class="loader"></div>
					<div id="slideshow_13" class="slideshow"></div>
					<div id="caption_13" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_13 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_13').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_13',
					controlsContainerSel:      '#controls_13',
					captionContainerSel:       '#caption_13',  
					loadingContainerSel:       '#loading_13',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             	false,  
					autoStart:                 	'',
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://www.disappearingcorners.com/warehouse-on-waima-road/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The American Club</title>
		<link>http://www.disappearingcorners.com/the-american-club/</link>
		<comments>http://www.disappearingcorners.com/the-american-club/#comments</comments>
		<pubDate>Fri, 17 Oct 2008 14:43:22 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[First Batch]]></category>
		<category><![CDATA[Huangpu District]]></category>
		<category><![CDATA[Lazlo Hudec]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=9</guid>
		<description><![CDATA[American Club at 209 Fuzhou Lu was designed by Laszlo Hudec working for the American architectural firm R.A.Curry. Commissioned by the American Club in China, offices were also provided to the American Chamber of Commerce and LaSalle Extension University. Hudec&#8217;s design was completed in May 1923, and the steel and concrete construction was finished in [...]]]></description>
			<content:encoded><![CDATA[<p>American Club at 209 Fuzhou Lu was designed by Laszlo Hudec working for the American architectural firm R.A.Curry. Commissioned by the American Club in China, offices were also provided to the American Chamber of Commerce and LaSalle Extension University. Hudec&#8217;s design was completed in May 1923, and the steel and concrete construction was finished in August 1925. Built by Xin Ji Construction Firm, the seven-story building with one underground level covered 916 sq.m.</p>
<p>(info from Shanghai Daily Supplement, graciously provided by <a href="http://flickr.com/photos/mrp46/">MRP46</a>)</p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_9" class="gallery"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_9" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2008/10/The-American-Club.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2008/10/The-American-Club-50x50.jpg" alt="" title="The American Club" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">The American Club</div>
												<div class="image-desc">© Katya Knyazeva</div>
												
										</div>
										
									</li>
								
						</ul>
								<div class="gallery_clear"></div>
								<a class="pageLink prev" style="display:none" href="#" title="Previous Page"></a>
						<a class="pageLink next" style="display:none" href="#" title="Next Page"></a>
					</div>
				</div>
			</div>
			
			<!-- Start Advanced Gallery Html Containers -->
			<div class="gal_content">
				
				<div class="slideshow-container">
					<div id="loading_9" class="loader"></div>
					<div id="slideshow_9" class="slideshow"></div>
					<div id="caption_9" class="caption-container"></div>
				</div>
				
			</div>
	
	</div>
	
	<div class="gallery_clear"></div>
	
	
	
	<script type='text/javascript'>
			
			jQuery(document).ready(function($) {
				
				// We only want these styles applied when javascript is enabled
				$('.gal_content').css('display', 'block');
		
				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.67;
				$('#thumbs_9 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_9').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_9',
					controlsContainerSel:      '#controls_9',
					captionContainerSel:       '#caption_9',  
					loadingContainerSel:       '#loading_9',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             	false,  
					autoStart:                 	'',
					enableKeyboardNavigation:	true,
					syncTransitions:           	true,
					defaultTransitionDuration: 	300,
						
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onTransitionOut:           function(slide, caption, isSync, callback) {
						slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
						caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
					},
					onTransitionIn:            function(slide, caption, isSync) {
						var duration = this.getDefaultTransitionDuration(isSync);
						slide.fadeTo(duration, 1.0);
	
						// Position the caption at the bottom of the image and set its opacity
						var slideImage = slide.find('img');
						caption.width(slideImage.width())
							.css({
								//'bottom' : Math.floor((slide.height() - slideImage.outerHeight()) / 2 - 40),
								'top' : slideImage.outerHeight(),
								'left' : Math.floor((slide.width() - slideImage.width()) / 2) + slideImage.outerWidth() - slideImage.width()
							})
							.fadeTo(1000, 1.0);
						
					},
					onPageTransitionOut:       function(callback) {
						this.hide();
						setTimeout(callback, 100); // wait a bit
					},
					onPageTransitionIn:        function() {
						var prevPageLink = this.find('a.prev').css('display', 'none');
						var nextPageLink = this.find('a.next').css('display', 'none');
						
						// Show appropriate next / prev page links
						if (this.displayedPage > 0)
							prevPageLink.css('display', 'block');
		
						var lastPage = this.getNumPages() - 1;
						if (this.displayedPage < lastPage)
							nextPageLink.css('display', 'block');
		
						this.fadeTo('fast', 1.0);
					},
					onImageAdded: function(imageData, li) {
						_li.opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
					}
					
				}); 
				
				/**************** Event handlers for custom next / prev page links **********************/
		
				gallery.find('a.prev').click(function(e) {
					gallery.previousPage();
					e.preventDefault();
				});
		
				gallery.find('a.next').click(function(e) {
					gallery.nextPage(); 
					e.preventDefault();
				});
		
			});
		</script>
		
		
]]></content:encoded>
			<wfw:commentRss>http://www.disappearingcorners.com/the-american-club/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

