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-87579' " );
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.r2909736-86-41168-lougheed-highway-mission-v0m-1g0.102358750' " );
document.write( "target='_blank' " );
document.write( " style='display: block'>" );
document.write( "<img src='https://iss-cdn.myrealpage.com/zXcErVAIAKTe5pXG05yfonMYogR4Db4EBV-TfCjwS50/rs:auto:320:0:0/g:sm/aHR0cDovL3MzLmFtYXpvbmF3cy5jb20vbXJwLWxpc3RpbmdzLzAvNS83LzEwMjM1ODc1MC9mMTJiMDI5NWQ0NTIxNjE3NGMzODM3OWZlNDZlYTE5ZS5qcGVn' border='0' onload='showcaseAutoImage(this,0,0,true,false)'>" );
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 Oracle Realty Ltd.'>Listed by Oracle Realty Ltd.</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( "$499,900" );
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='Amazing sprawling Rancher style Mobile Home is simply Gorgeous!!Beautiful new kitchen with massive amounts of cupboard space, lovely modern tiles for the back splash and new sinks, hardware taps and Hardwood flooring! The built-in induction cooktop has a pop up back draft for venting. VAULTED ceilings in the family rooms and the formal dining room has sliding doors out to an all year round covered new deck. Huge living room off the dining room and fresh new white distressed wood look tile plank flooring in all bathrooms, new vanity in the main and walk in shower. Massive master bedroom with walk in Closet and beautiful En-suite with luxurious soaker tub. Enjoy the summer with your Built in AC and winters you can have a relaxing eve in your Hot Tub situated on the new deck.'>" );
document.write( "Amazing sprawling Rancher style Mobile Home is simply Gorgeous!!Beautiful new kitchen with massive amounts of cupboard space, lovely modern tiles for the back splash and new sinks, hardware taps and Hardwood flooring! The built-in induction cooktop has a pop up back draft for venting. VAULTED ceilings in the family rooms and the formal dining room has sliding doors out to an all year round covered new deck. Huge living room off the dining room and fresh new white distressed wood look tile plank flooring in all bathrooms, new vanity in the main and walk in shower. Massive master bedroom with walk in Closet and beautiful En-suite with luxurious soaker tub. Enjoy the summer with your Built in AC and winters you can have a relaxing eve in your Hot Tub situated on the new deck." );
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.r2891016-43825-ryall-road-mission-v0m-1n0.101922815' " );
document.write( "target='_blank' " );
document.write( " style='display: block'>" );
document.write( "<img src='https://iss-cdn.myrealpage.com/5A8lx_m-yBNS-gmQWWFgBhP90x0PG8CfCAMnpiqzNJQ/rs:auto:320:0:0/g:sm/aHR0cDovL3MzLmFtYXpvbmF3cy5jb20vbXJwLWxpc3RpbmdzLzUvMS84LzEwMTkyMjgxNS9mZWJkOWMxZGU0N2QwYmRmZDMzNmMzMmQ0NzQ0YTQ1OS5qcGVn' border='0' onload='showcaseAutoImage(this,0,0,true,false)'>" );
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 RE/MAX LIFESTYLES REALTY'>Listed by RE/MAX LIFESTYLES 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( "$499,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='Building lot in Lake Errock, this vibrant, close-knit community in Lake Errock is conveniently located near amenities. Residents get to enjoy private beach access in this growing community with year-round recreational opportunities. The lot gently slopes upward and is surrounded by newer homes, presenting an incredible opportunity to blend lifestyle and comfort. Conveniently close to Mission, Chilliwack, and Harrison.'>" );
document.write( "Building lot in Lake Errock, this vibrant, close-knit community in Lake Errock is conveniently located near amenities. Residents get to enjoy private beach access in this growing community with year-round recreational opportunities. The lot gently slopes upward and is surrounded by newer homes, presenting an incredible opportunity to blend lifestyle and comfort. Conveniently close to Mission, Chilliwack, and Harrison." );
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>" );