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( "<div id='mrp-listing-grid-31539' " );
document.write( "class='mrp-listing-showcase-grid' " );
document.write( "style='" );
document.write( "position: relative; width: 205px;" );
document.write( "height: 722px;" );
document.write ("'>" );



document.write( "<div style='" );
document.write( "position: absolute; " );
document.write( "border-color: #777777;" );
document.write( "width: 203px; " );
document.write( "height: 234px; " );
document.write( "left: 0px; " );
document.write( "top: 0px; " );
document.write( "'>" );

document.write( "<div class='mrp-listing-showcase-grid-photo-container region-GV' ");
document.write( "style='position: absolute; " );
document.write( "text-align: center; " );
document.write( "left: 0px; " );
document.write( "top: 0px; " );
document.write( "width: 203px; " );
document.write( "height: 169px;" );
document.write( "border: 1px solid; border-color: #ababab; background-color: #ffffff;" );
document.write( "'>" );
document.write( "<div class='listing-photo-outer' style='width: 191px; height: 157px; position: absolute; top: 6px; left: 6px;'>" );
document.write( "<a href='//idx.myrealpage.com/wps/recip/20976/listing.r2876377-5-16228-16-avenue-surrey-v4a-1s7.101597785'" );
document.write( "target='_top' " );
document.write( " style='display: block'>" );
document.write( "<img src='https://iss-cdn.myrealpage.com/7c-5wzTOtNCYKWiH2_vmpQ7jQTIqetEer7xBKk63j58/rs:auto:320:0:0/g:sm/aHR0cDovL3MzLmFtYXpvbmF3cy5jb20vbXJwLWxpc3RpbmdzLzUvOC83LzEwMTU5Nzc4NS8xNTRjY2U2YjA2MmU5YmY0NjQ4ZjJkOTE5ZmNiMDAzZS5qcGVn' border='0' onload='showcaseAutoImage(this,0,0,true,false)' style='visibility: hidden;'>" );
document.write( "<img border='0' src='//res.myrealpage.com/wps/rest/20976/l/showcase/101597785/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-grid-price' " );
document.write( "style='" );
document.write( "text-align: center; " );
document.write( "position: absolute; " );
document.write( "left: 5px; " );
document.write( "top: 176px; " );
document.write( "width: 193px; " );
document.write( "line-height: 22px; " );
document.write( "font-size: 22px; " );
document.write( "overflow: hidden; " );
document.write( "font-weight: bold; " );
document.write( "'>" );
document.write( "$899,000" );
document.write( "</div>" );

document.write( "<div class='mrp-listing-showcase-grid-address' " );
document.write( "style='" );
document.write( "text-align: center; " );
document.write( "position: absolute; " );
document.write( "left: 5px; " );
document.write( "top: 203px; " );
document.write( "width: 193px; " );
document.write( "height: 15px; " );
document.write( "line-height: 15px; " );
document.write( "font-size: 12px; " );
document.write( "overflow: hidden; " );
document.write( "'>" );
document.write( "16228 16 Avenue" );
document.write( "</div>" );

document.write( "<div class='mrp-listing-showcase-grid-attribution' style='position: absolute; text-align: center; " );
document.write( "left: 0px; " );
document.write( "bottom: 1px; " );
document.write( "width: 203px; " );
document.write( "height: 13px; " );
document.write( "line-height: 13px; " );
document.write( "overflow: hidden; font-size: 10px; ' title='Listed by Keller Williams Realty VanCentral'>Listed by Keller Williams Realty VanCentral</div>" );

document.write( "</div>" );


 



document.write( "<div style='" );
document.write( "position: absolute; " );
document.write( "border-color: #777777;" );
document.write( "width: 203px; " );
document.write( "height: 234px; " );
document.write( "left: 0px; " );
document.write( "top: 244px; " );
document.write( "'>" );

document.write( "<div class='mrp-listing-showcase-grid-photo-container region-GV' ");
document.write( "style='position: absolute; " );
document.write( "text-align: center; " );
document.write( "left: 0px; " );
document.write( "top: 0px; " );
document.write( "width: 203px; " );
document.write( "height: 169px;" );
document.write( "border: 1px solid; border-color: #ababab; background-color: #ffffff;" );
document.write( "'>" );
document.write( "<div class='listing-photo-outer' style='width: 191px; height: 157px; position: absolute; top: 6px; left: 6px;'>" );
document.write( "<a href='//idx.myrealpage.com/wps/recip/20976/listing.r2872548-22-16361-23a-avenue-surrey-v3z-0v9.101518920'" );
document.write( "target='_top' " );
document.write( " style='display: block'>" );
document.write( "<img src='https://iss-cdn.myrealpage.com/BSMKjKVgRjh657-7TT1FrzGKA8EO4b--eNyi7OUFzBU/rs:auto:320:0:0/g:sm/aHR0cDovL3MzLmFtYXpvbmF3cy5jb20vbXJwLWxpc3RpbmdzLzAvMi85LzEwMTUxODkyMC8wMzI0MzdkY2I2NmYyZGNhNWE3MjZiMzMyZTNiNDkyMi5qcGVn' border='0' onload='showcaseAutoImage(this,0,0,true,false)' style='visibility: hidden;'>" );
document.write( "<img border='0' src='//res.myrealpage.com/wps/rest/20976/l/showcase/101518920/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-grid-price' " );
document.write( "style='" );
document.write( "text-align: center; " );
document.write( "position: absolute; " );
document.write( "left: 5px; " );
document.write( "top: 176px; " );
document.write( "width: 193px; " );
document.write( "line-height: 22px; " );
document.write( "font-size: 22px; " );
document.write( "overflow: hidden; " );
document.write( "font-weight: bold; " );
document.write( "'>" );
document.write( "$880,000" );
document.write( "</div>" );

document.write( "<div class='mrp-listing-showcase-grid-address' " );
document.write( "style='" );
document.write( "text-align: center; " );
document.write( "position: absolute; " );
document.write( "left: 5px; " );
document.write( "top: 203px; " );
document.write( "width: 193px; " );
document.write( "height: 15px; " );
document.write( "line-height: 15px; " );
document.write( "font-size: 12px; " );
document.write( "overflow: hidden; " );
document.write( "'>" );
document.write( "16361 23A Avenue" );
document.write( "</div>" );

document.write( "<div class='mrp-listing-showcase-grid-attribution' style='position: absolute; text-align: center; " );
document.write( "left: 0px; " );
document.write( "bottom: 1px; " );
document.write( "width: 203px; " );
document.write( "height: 13px; " );
document.write( "line-height: 13px; " );
document.write( "overflow: hidden; font-size: 10px; ' title='Listed by RE/MAX Treeland Realty'>Listed by RE/MAX Treeland Realty</div>" );

document.write( "</div>" );


 



document.write( "<div style='" );
document.write( "position: absolute; " );
document.write( "border-color: #777777;" );
document.write( "width: 203px; " );
document.write( "height: 234px; " );
document.write( "left: 0px; " );
document.write( "top: 488px; " );
document.write( "'>" );

document.write( "<div class='mrp-listing-showcase-grid-photo-container region-GV' ");
document.write( "style='position: absolute; " );
document.write( "text-align: center; " );
document.write( "left: 0px; " );
document.write( "top: 0px; " );
document.write( "width: 203px; " );
document.write( "height: 169px;" );
document.write( "border: 1px solid; border-color: #ababab; background-color: #ffffff;" );
document.write( "'>" );
document.write( "<div class='listing-photo-outer' style='width: 191px; height: 157px; position: absolute; top: 6px; left: 6px;'>" );
document.write( "<a href='//idx.myrealpage.com/wps/recip/20976/listing.r2861189-208-1765-martin-drive-surrey-v4a-9t6.101283815'" );
document.write( "target='_top' " );
document.write( " style='display: block'>" );
document.write( "<img src='https://iss-cdn.myrealpage.com/LWPRIRbAAVf_z7gHuQKE4xsR5cDfeYDMU4-217HFCl4/rs:auto:320:0:0/g:sm/aHR0cDovL3MzLmFtYXpvbmF3cy5jb20vbXJwLWxpc3RpbmdzLzUvMS84LzEwMTI4MzgxNS85MTg3ZDAzNDZjNjA3M2QzZDdiZDdmNTA0NmI0OTQ0My5qcGVn' border='0' onload='showcaseAutoImage(this,0,0,true,false)' style='visibility: hidden;'>" );
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-grid-price' " );
document.write( "style='" );
document.write( "text-align: center; " );
document.write( "position: absolute; " );
document.write( "left: 5px; " );
document.write( "top: 176px; " );
document.write( "width: 193px; " );
document.write( "line-height: 22px; " );
document.write( "font-size: 22px; " );
document.write( "overflow: hidden; " );
document.write( "font-weight: bold; " );
document.write( "'>" );
document.write( "$899,000" );
document.write( "</div>" );

document.write( "<div class='mrp-listing-showcase-grid-address' " );
document.write( "style='" );
document.write( "text-align: center; " );
document.write( "position: absolute; " );
document.write( "left: 5px; " );
document.write( "top: 203px; " );
document.write( "width: 193px; " );
document.write( "height: 15px; " );
document.write( "line-height: 15px; " );
document.write( "font-size: 12px; " );
document.write( "overflow: hidden; " );
document.write( "'>" );
document.write( "1765 MARTIN Drive" );
document.write( "</div>" );

document.write( "<div class='mrp-listing-showcase-grid-attribution' style='position: absolute; text-align: center; " );
document.write( "left: 0px; " );
document.write( "bottom: 1px; " );
document.write( "width: 203px; " );
document.write( "height: 13px; " );
document.write( "line-height: 13px; " );
document.write( "overflow: hidden; font-size: 10px; ' title='Listed by Oakwyn Realty Ltd.'>Listed by Oakwyn Realty Ltd.</div>" );

document.write( "</div>" );


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 


 

document.write( "</div>" );