function showcasePositionImage( img, containerWidth, containerHeight, fill, autoHeight )
{
	var w = img.width;
	var h = img.height;
	var ratio = w/h;
	
	autoHeight = autoHeight || false;
	
	var imgW = 0;
	var imgH = 0;
	
	if( autoHeight || ratio >= 1 ) {
		// horizontal
		imgW = fill? containerWidth : Math.min( containerWidth, w );
		
		//img.style.width = imgW + "px";
		//img.style.height = "auto";
		
		imgH = Math.floor( imgW / ratio );
	}
	else {
		// vertical
		imgH = fill? containerHeight : Math.min( containerHeight, h );
		//img.style.height = imgH + "px";
		//img.style.width = "auto";
		
		imgW = Math.floor( imgH * ratio );
	}
	
	if( fill ) {
		if( autoHeight || imgW < containerWidth ) {
			imgW = containerWidth;
			imgH = Math.floor( imgW / ratio );
		}
		if( imgH < containerHeight ) {
			imgH = containerHeight;
			imgW = Math.floor( imgH * ratio );
		}
	}
	img.style.width = imgW + "px";
	img.style.height = imgH + "px";
	img.style.maxWidth = imgW + "px"; // counter-act some WP themes
	img.style.visibility = "visible";
	
	// center it
	img.style.left = Math.floor( ( containerWidth - imgW ) / 2	) + "px";
	if( autoHeight ) {
		img.style.top = "0";
	}
	else {
		img.style.top = Math.floor( ( containerHeight - imgH ) / 2	) + "px";
	}

	// special case for ddf
	if( img.closest('.region-DDF') ) {
		img.style.left = '0px';
		img.style.top = '0px';
	}
}

function showcaseAutoImage( img, margin, borderWidth, fill, autoHeight )
{

	if( img.parentNode.offsetWidth == 0 ) {
		setTimeout( function() {
			// f** IE
			showcaseAutoImage( img, margin, borderWidth, fill, autoHeight );
		}, 100 );
		return;
	}
	
	if( img.src && img.src.indexOf( "/progress" ) != -1 ) {
		return;
	}
	
	/*
	if( !img.width || !img.height ) {
		return;
	}
	*/
	
	/*
	// bill: in FF, the original "img" appears to have incorrect non-zero width
	// even though the image is not loaded
	var tempImage = new Image();
	tempImage.src = img.src;
	
	if( tempImage.width == 0 || tempImage.height == 0 ) {
		if(img.onload ) {
			// already hooked up, no go?
			return;
		}
		img.onload = function() {
			showcaseAutoImage( this, margin, borderWidth, fill, autoHeight );
		};
		return;
	}
	*/
	
	img.style.margin = "0";
	img.style.position = "absolute";
	img.style.display = "block";
	img.style.visibility = "visible";
	
	var b = isNaN( borderWidth ) ? 1 : borderWidth;
	var inner = img.parentNode;
	var outer = img.parentNode.parentNode;
	
	var outerW = outer.offsetWidth;
	var outerH = outer.offsetHeight;
	
	var containerWidth = outerW - margin*2 - b*2;
	var containerHeight = outerH - margin*2 - b*2;
	
	inner.style.width = containerWidth + "px";
	if( !autoHeight ) {
		inner.style.height = containerHeight + "px";
	}
	inner.style.position = "absolute";
	inner.style.left = margin + "px";
	inner.style.top = margin + "px";
	inner.style.overflow = "hidden";

	// special case for ddf
	if( img.closest('.region-DDF') ) {
		img.style.left = '0px';
		img.style.top = '0px';
	}
	//inner.style.backgroundColor = "yellow";
	
	if( outer.style.position != "absolute" ) {
		outer.style.position = "relative";
	}
	
	if( img.src && img.src.indexOf( "/nophoto" ) != -1 ) {
		//img.onclick = null;
		//img.style.cursor = "default";
		fill = false;
	}
	
	var progressElem = img.parentNode.querySelectorAll( ".progress" )[0];
	if( progressElem ) {
		progressElem.parentNode.removeNode( progressElem );
	}
	
	showcasePositionImage( img, containerWidth, containerHeight, fill, autoHeight );
	
	if( autoHeight ) {
		var imgH = parseInt( img.style.height );
		inner.style.height = imgH + "px";
		outer.style.height = imgH + (margin*2) + "px";
	}
}
document.write( "<script src='//idx.myrealpage.com/wps/js/rest/showcase-band.js' type='text/javascript'></script>" );
document.write( "<div id='mrp-listing-showcase-87609' " );
document.write( "class='mrp-listing-showcase-band' " );
document.write( "style='" );
document.write( "position: relative; width: 100%; " );
document.write( "border-color: #777777;" );
document.write ("'>" );
document.write( "<div class='mrp-listing-showcase-band-inner region-GV' " );
document.write( "style='overflow: hidden; height: 250px; position: relative;'" );
document.write( ">" );

document.write( "<div class='mrp-listing-showcase-band-photo-container' ");
document.write( "style='position: absolute; left: 0px; top: 10px; width: 179px; height: 143px;" );
document.write( "border: 1px solid; border-color: #ababab; padding: 5px; background-color: #ffffff;" );
document.write( "'>" );
document.write( "<div class='listing-photo-outer' style='width: 179px; height: 143px; position: relative;'>" );
document.write( "<a href='//idx.myrealpage.com/wps/recip/20976/listing.r2919194-12771-114a-avenue-surrey-v3v-3p3.102597120' " );
document.write( "target='_blank' " );
document.write( " style='display: block'>" );
document.write( "<img src='https://iss-cdn.myrealpage.com/Ui-njtk6PcxSPVuL5gWutg51ye4t36CVvA2b7Unmrnk/rs:auto:320:0:0/g:sm/aHR0cDovL3MzLmFtYXpvbmF3cy5jb20vbXJwLWxpc3RpbmdzLzAvMi8xLzEwMjU5NzEyMC9lMzY3NTFkYzJkYjRhZjRmMjhmZGFiMGIyZjRjODgzMy5qcGVn' border='0' onload='showcaseAutoImage(this,0,0,true,false)'>" );
document.write( "<img border='0' src='//res.myrealpage.com/wps/rest/20976/l/showcase/102597120/img/ribbon/new-banner' width='100' height='100' class='thumb-ribbon' style='position: absolute; left: 0; top: 0;'>" );
document.write( "<div style='position: absolute; bottom: 5px; right: 5px;'>" );
document.write( "<img src=\"//res.myrealpage.com/wps/img/regional/icon-gv-recip-small1.gif\" class=\"small-recip-logo\" border=\"0\" alt=\"Reciprocity Logo\" crossorigin=\"anonymous\"\>" );
document.write( "</div>" );
document.write( "</a>" );
document.write( "</div>" ); 
document.write( "</div>" );
document.write( "<div class='mrp-listing-showcase-band-attribution' style='position: absolute; text-align: center; left: 0px; top: 163px; width: 191px; height: 13px; overflow: hidden; font-size: 70%; ' title='Listed by Sutton Centre Realty'>Listed by Sutton Centre Realty</div>" );
document.write( "<div class='mrp-listing-showcase-band-price' ");
document.write( "style='text-align: center; position: absolute; left: 0px; top: 175px; width: 191px; height: 18px; overflow: hidden; border: 0px solid gray; font-weight: bold;'>" );
document.write( "$875,000" );
document.write( "</div>" );
document.write( "<div class='mrp-listing-showcase-band-description' ");
document.write( "style='text-align: center; position: absolute; left: 0px; top: 193px; width: 191px; height: 55px; overflow: hidden; border: 0px solid gray; font-size: 70%;' title='OPPORTUNITY ALERT!!! Invest in land &amp; build equity in one of the fastest growing cities in Canada! Tear down and start fresh! Build your dream home atop this 5000 Sqft+ lot in centrally located Bridgeview. Easy access to Hwy 17, King George Hwy, Pattullo Bridge &amp; Scott Rd Skytrain Station. 1 block away from Bridgeview Elementary &amp; Bridgeview park and walking distance to recreation, public transit &amp; shopping as well. LAND VALUE ONLY.'>" );
document.write( "OPPORTUNITY ALERT!!! Invest in land &amp; build equity in one of the fastest growing cities in Canada! Tear down and start fresh! Build your dream home atop this 5000 Sqft+ lot in centrally located Bridgeview. Easy access to Hwy 17, King George Hwy, Pattullo Bridge &amp; Scott Rd Skytrain Station. 1 block away from Bridgeview Elementary &amp; Bridgeview park and walking distance to recreation, public transit &amp; shopping as well. LAND VALUE ONLY." );
document.write( "</div>" );

document.write( "<div class='mrp-listing-showcase-band-photo-container' ");
document.write( "style='position: absolute; left: 201px; top: 10px; width: 179px; height: 143px;" );
document.write( "border: 1px solid; border-color: #ababab; padding: 5px; background-color: #ffffff;" );
document.write( "'>" );
document.write( "<div class='listing-photo-outer' style='width: 179px; height: 143px; position: relative;'>" );
document.write( "<a href='//idx.myrealpage.com/wps/recip/20976/listing.r2919250-21-13507-81-avenue-surrey-v3w-3c6.102598063' " );
document.write( "target='_blank' " );
document.write( " style='display: block'>" );
document.write( "<img src='https://iss-cdn.myrealpage.com/hmKB2RlCRvRoQY8hhx7PREdpION_iGLJfCastmyFrq8/rs:auto:320:0:0/g:sm/aHR0cDovL3MzLmFtYXpvbmF3cy5jb20vbXJwLWxpc3RpbmdzLzMvNi8wLzEwMjU5ODA2My8xNWEwYjFiNDNlNTE3YmM3YmUzOWVjZjRmZTM3ODYyYS5qcGVn' border='0' onload='showcaseAutoImage(this,0,0,true,false)'>" );
document.write( "<img border='0' src='//res.myrealpage.com/wps/rest/20976/l/showcase/102598063/img/ribbon/new-banner' width='100' height='100' class='thumb-ribbon' style='position: absolute; left: 0; top: 0;'>" );
document.write( "<div style='position: absolute; bottom: 5px; right: 5px;'>" );
document.write( "<img src=\"//res.myrealpage.com/wps/img/regional/icon-gv-recip-small1.gif\" class=\"small-recip-logo\" border=\"0\" alt=\"Reciprocity Logo\" crossorigin=\"anonymous\"\>" );
document.write( "</div>" );
document.write( "</a>" );
document.write( "</div>" ); 
document.write( "</div>" );
document.write( "<div class='mrp-listing-showcase-band-attribution' style='position: absolute; text-align: center; left: 201px; top: 163px; width: 191px; height: 13px; overflow: hidden; font-size: 70%; ' title='Listed by Keller Williams Ocean Realty'>Listed by Keller Williams Ocean Realty</div>" );
document.write( "<div class='mrp-listing-showcase-band-price' ");
document.write( "style='text-align: center; position: absolute; left: 201px; top: 175px; width: 191px; height: 18px; overflow: hidden; border: 0px solid gray; font-weight: bold;'>" );
document.write( "$824,000" );
document.write( "</div>" );
document.write( "<div class='mrp-listing-showcase-band-description' ");
document.write( "style='text-align: center; position: absolute; left: 201px; top: 193px; width: 191px; height: 55px; overflow: hidden; border: 0px solid gray; font-size: 70%;' title='Welcome to the Gated community of Park Boulevard Estate! This charming 3 Bed/ 2-Bath residence features a Koi pond, waterfalls, and a park area. Inside, find 2 fully renovated bathrooms, new windows, fresh laminate flooring, and built-in shelving. The two bay windows bathe the home in natural light, alongside updated indoor lighting. Outside, enjoy covered parking, a wired workshop and one of the best parts of this mobile home is that land is included. The reinforced front awning is adorned with grape vines, &amp; the property is equipped with motion sensors. Recent updates include a 7-year-old roof, rear rubber deck, new furnace, air conditioning &amp; on-demand water heater and much much more. Conveniently located near shopping, transit, restaurants, and a recreation centre. Book your viewing! **OPEN HOUSE: SAT SEP 7 - 2-4PM**'>" );
document.write( "Welcome to the Gated community of Park Boulevard Estate! This charming 3 Bed/ 2-Bath residence features a Koi pond, waterfalls, and a park area. Inside, find 2 fully renovated bathrooms, new windows, fresh laminate flooring, and built-in shelving. The two bay windows bathe the home in natural light, alongside updated indoor lighting. Outside, enjoy covered parking, a wired workshop and one of the best parts of this mobile home is that land is included. The reinforced front awning is adorned with grape vines, &amp; the property is equipped with motion sensors. Recent updates include a 7-year-old roof, rear rubber deck, new furnace, air conditioning &amp; on-demand water heater and much much more. Conveniently located near shopping, transit, restaurants, and a recreation centre. Book your viewing! **OPEN HOUSE: SAT SEP 7 - 2-4PM**" );
document.write( "</div>" );
document.write( "</div>" );
document.write( "<div style='width: 25px; height: 40px; background: url(//idx.myrealpage.com/wps/img/ng/square-arrow-left.png); position: absolute; top: 62px; left: 0; cursor: pointer; filter: alpha(opacity=85); opacity: .85; -webkit-user-select: none' onmouseover='showcaseBandScrollRight(this.parentNode.firstChild)' onmouseout='showcaseBandScrollStop()' ontouchstart='showcaseBandScrollRight(this.parentNode.firstChild)' ontouchend='showcaseBandScrollStop()' class='mrp-listing-showcase-band-left-arrow'></div>" );
document.write( "<div style='width: 25px; height: 40px; background: url(//idx.myrealpage.com/wps/img/ng/square-arrow-right.png); position: absolute; top: 62px; right: 0; cursor: pointer; filter: alpha(opacity=85); opacity: .85; -webkit-user-select: none' onmouseover='showcaseBandScrollLeft(this.parentNode.firstChild)' onmouseout='showcaseBandScrollStop()' ontouchstart='showcaseBandScrollLeft(this.parentNode.firstChild)' ontouchend='showcaseBandScrollStop()' class='mrp-listing-showcase-band-right-arrow'></div>" );
document.write( "</div>" );