<?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; Lazlo Hudec</title>
	<atom:link href="http://www.disappearingcorners.com/tag/lazlo-hudec/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>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>Union Brewery</title>
		<link>http://www.disappearingcorners.com/union-brewery/</link>
		<comments>http://www.disappearingcorners.com/union-brewery/#comments</comments>
		<pubDate>Sun, 23 Nov 2008 08:08:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[First Batch]]></category>
		<category><![CDATA[Lazlo Hudec]]></category>
		<category><![CDATA[Zhabei District]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=202</guid>
		<description><![CDATA[Address: YiChang Road Text with kind permission from www.hudec.cn Union Brewery Ltd, formerly Shanghai Beer Factory, was located at No.130 Yichang Road, which recently, a renewal project, converted the old factory building into a complex with galleries and shops, and Mengqing Garden shops along the Suzhou creek. The Union Brauerei AG (established in 1911) was [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Address: YiChang Road</strong></p>
<p><em>Text with kind permission from www.hudec.cn</em></p>
<p>Union Brewery Ltd, formerly Shanghai Beer Factory, was located at No.130 Yichang Road, which recently, a renewal project, converted the old factory building into a complex with galleries and shops, and Mengqing Garden shops along the Suzhou creek.<br />
The Union Brauerei AG (established in 1911) was run by the German company Schwarzkopf &#038; Co. The brewery produced 2,000 tons yearly (2 million liters) and had 100 employees.  The brewery was purchased in 1919 by a Norwegian businessman. Frithjof Gustav Cark Hohnke, who can be credited for making beer popular in Shanghai. Victor Sasson bought most of the shares of the brewery in 1935 and the name was changed to Shanghai Brewery. Hohnke continued as director of the company, and kept his private villa, built by Hudec, in the French Concession, now the chancery of the Belgian Consulate. </p>
<p>The English Jardine Group built a new factory on this site. Designed in October 1931 and completed in May 1933, the factory once boasted being the biggest beer producer in the far-east containing 11,100 square-meters of plot area and 28,800 square-meters of building area.<br />
The main business of the factory was as a Brewery. The process was controlled by mechanization and all the equipment was imported from overseas. To make full use of the land area, the master plan was designed in a horseshoe shape. The main structures included a brewery building, bottling building, garage, office building and electric- power room etc. The bottling building was five-storeys high of reinforced-concrete construction. The south facade which was shaped in a curve had extensive horizontal windows. The north façade, shaped in hackle, had filleted corners. The new factory had more commodious inner-space, on a no-beam floor system which was rarely used. The brewery building was nine-storeys high in a reinforced-concrete structure. A tower on the east façade was built in Art-Deco with similar disposal, for the entrance along Suzhou creek. These two buildings both had dark architraves around the windows and air corridors between them. As a part of the renewal project along Suzhou creek, the factory site, of which none of the original buildings exist, has been changed into an ecological green park named Mengqing Garden in 2005, and also has a brewery.<br />
As one of the two huge industrial factories designed by Hudec, Union Brewery Ltd. successfully integrates Modernism with industrial design. (The Factory site was listed among the Heritage Architectures of Modern History in Shanghai since 1999).</p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_202" class="gallery"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_202" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2008/11/The-Union-Brewery-400x231.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2008/11/The-Union-Brewery-50x50.jpg" alt="" title="Union Brewery" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">Union Brewery</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_202" class="loader"></div>
					<div id="slideshow_202" class="slideshow"></div>
					<div id="caption_202" 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_202 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_202').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_202',
					controlsContainerSel:      '#controls_202',
					captionContainerSel:       '#caption_202',  
					loadingContainerSel:       '#loading_202',
					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/union-brewery/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>Estrella Apartments</title>
		<link>http://www.disappearingcorners.com/estrella-apartments/</link>
		<comments>http://www.disappearingcorners.com/estrella-apartments/#comments</comments>
		<pubDate>Fri, 17 Oct 2008 14:48:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[First Batch]]></category>
		<category><![CDATA[Avenue Joffre]]></category>
		<category><![CDATA[French Concession]]></category>
		<category><![CDATA[Lazlo Hudec]]></category>
		<category><![CDATA[Luwan District]]></category>

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

]]></content:encoded>
			<wfw:commentRss>http://www.disappearingcorners.com/estrella-apartments/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>
		<item>
		<title>Liberty Apartments</title>
		<link>http://www.disappearingcorners.com/liberty-apartments/</link>
		<comments>http://www.disappearingcorners.com/liberty-apartments/#comments</comments>
		<pubDate>Fri, 17 Oct 2008 14:43:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[First Batch]]></category>
		<category><![CDATA[French Concession]]></category>
		<category><![CDATA[Lazlo Hudec]]></category>
		<category><![CDATA[Xuhui District]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=7</guid>
		<description><![CDATA[Liberty Apartments at 258 Wuyuan Lu is a nine-story reinforced concrete structure completed in 1937 with a total building area of 2,740 sq.m. It has a moderne facade covered with dark brown brick tiles. It houses 18 homes. (info from Shanghai Daily Supplement, graciously provided by MRP46)]]></description>
			<content:encoded><![CDATA[<p>Liberty Apartments at 258 Wuyuan Lu is a nine-story reinforced concrete structure completed in 1937 with a total building area of 2,740 sq.m. It has a moderne facade covered with dark brown brick tiles. It houses 18 homes.</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_7" class="gallery"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_7" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2008/10/liberty-apartments.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2008/10/liberty-apartments-50x50.jpg" alt="" title="liberty apartments" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">Liberty Apartments</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_7" class="loader"></div>
					<div id="slideshow_7" class="slideshow"></div>
					<div id="caption_7" 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_7 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_7').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_7',
					controlsContainerSel:      '#controls_7',
					captionContainerSel:       '#caption_7',  
					loadingContainerSel:       '#loading_7',
					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/liberty-apartments/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Normandie Apartments</title>
		<link>http://www.disappearingcorners.com/normandie-apartments/</link>
		<comments>http://www.disappearingcorners.com/normandie-apartments/#comments</comments>
		<pubDate>Fri, 17 Oct 2008 14:42:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[First Batch]]></category>
		<category><![CDATA[French Concession]]></category>
		<category><![CDATA[Lazlo Hudec]]></category>
		<category><![CDATA[Xuhui District]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=5</guid>
		<description><![CDATA[Normandie Apartments, which earns the nickname Flatiron Building of Shanghai; because of its striking resemblance to the one in NYC. Also another work by Hudec and it is still an apartment building occupied by locals. Some richer expatriates are starting to occupy the place again and one of the walk tour participants even showed us [...]]]></description>
			<content:encoded><![CDATA[<p>Normandie Apartments, which earns the nickname Flatiron Building of Shanghai; because of its striking resemblance to the one in NYC. Also another work by Hudec and it is still an apartment building occupied by locals. Some richer expatriates are starting to occupy the place again and one of the walk tour participants even showed us his apartment which he acquired recently.</p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_5" class="gallery"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_5" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2008/10/the-normaldie-apartments.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2008/10/the-normaldie-apartments-50x50.jpg" alt="" title="the normandie apartments" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">The Normandie Apartments</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/the-normandie-apartments-400x266.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2008/10/the-normandie-apartments-50x50.jpg" alt="" title="the normandie apartments" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">The Normandie Apartments</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_5" class="loader"></div>
					<div id="slideshow_5" class="slideshow"></div>
					<div id="caption_5" 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_5 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_5').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_5',
					controlsContainerSel:      '#controls_5',
					captionContainerSel:       '#caption_5',  
					loadingContainerSel:       '#loading_5',
					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/normandie-apartments/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Liu Ji Sheng&#8217;s Residence</title>
		<link>http://www.disappearingcorners.com/liu-ji-shengs-residence/</link>
		<comments>http://www.disappearingcorners.com/liu-ji-shengs-residence/#comments</comments>
		<pubDate>Fri, 17 Oct 2008 14:42:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[First Batch]]></category>
		<category><![CDATA[French Concession]]></category>
		<category><![CDATA[Jing'an District]]></category>
		<category><![CDATA[Lazlo Hudec]]></category>

		<guid isPermaLink="false">http://www.disappearingcorners.com/?p=3</guid>
		<description><![CDATA[Located on Julu Road, this house was built in 1926 as a gift from Liu Ji Sheng to his beloved wife. It was designed by Hudec, and the sculpture in the courtyard is a present from Hudec to Mrs Liu. It is said that the iron railings in the stairs incorporated the initals of the [...]]]></description>
			<content:encoded><![CDATA[<p>Located on Julu Road, this house was built in 1926 as a gift from Liu Ji Sheng to his beloved wife. It was designed by Hudec, and the sculpture in the courtyard is a present from Hudec to Mrs Liu. It is said that the iron railings in the stairs incorporated the initals of the owners, although I had no luck to enter the building after all these years.</p>
<p>It is currently the Writer&#8217;s Association. For more information, visit <a href="http://www.hudec.cn">http://www.hudec.cn</a></p>

	
		<div class="gallery_clear"></div> 
		<div id="gallery_3" class="gallery"> 
	
			<!-- Start Advanced Gallery Html Containers -->
			<div class="thumbs_wrap2">
				<div class="thumbs_wrap">
					<div id="thumbs_3" class="thumnail_col " >
						 
						<ul class="thumbs noscript">				
						
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2008/10/LJS-1.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2008/10/LJS-1-50x50.jpg" alt="" title="LJS-1" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">Room inside Liu Ji Sheng's Residence</div>
												<div class="image-desc">© Katya Knyazeva</div>
												
										</div>
										
									</li>
								
									<li><a class="thumb" href="http://www.disappearingcorners.com/wp-content/uploads/2008/10/LJS-2-400x314.jpg" >								
											<img src="http://www.disappearingcorners.com/wp-content/uploads/2008/10/LJS-2-50x50.jpg" alt="" title="LJS-2" />
										</a>
										
										<div class="caption">
											
												<div class="image-caption">Liu Ji Sheng's Residence</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_3" class="loader"></div>
					<div id="slideshow_3" class="slideshow"></div>
					<div id="caption_3" 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_3 ul.thumbs li, .thumnail_col a.pageLink').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});	
				
				// Initialize Advanced Galleriffic Gallery 
				var gallery = $('#thumbs_3').galleriffic({ 
					delay:                     3500,
					numThumbs:                 9,
					preloadAhead:              9,
					enableTopPager:            false,
					enableBottomPager:         false,
					imageContainerSel:         '#slideshow_3',
					controlsContainerSel:      '#controls_3',
					captionContainerSel:       '#caption_3',  
					loadingContainerSel:       '#loading_3',
					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>
		
		
<p><iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps/ms?msa=0&amp;doflg=ptm&amp;ie=UTF8&amp;msid=203256263225588875088.0004555e7c25bcef125be&amp;ll=31.221013,121.452967&amp;spn=0.003211,0.00456&amp;z=17&amp;output=embed"></iframe><br /><small>View <a href="http://maps.google.com/maps/ms?msa=0&amp;doflg=ptm&amp;ie=UTF8&amp;msid=203256263225588875088.0004555e7c25bcef125be&amp;ll=31.221013,121.452967&amp;spn=0.003211,0.00456&amp;z=17&amp;source=embed" style="color:#0000FF;text-align:left">Shanghai Disappearing Corners: First Hundred</a> in a larger map</small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.disappearingcorners.com/liu-ji-shengs-residence/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

