</div></div><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-1439d0d39cf44f7118d4"><div class="sqs-block-content"><p> </p></div></div></div></div></div>
	</div>

<script>

!(function(){

    var pageTypeName = "";

    if (String(window.location).indexOf('splashMoreHomes=t')!==-1 || pageTypeName === "splash-more-homes"){
        $('body').addClass('listing-detail-splashmorehomes');
        waitFor(function(){
            return $('footer').length > 0;
        },function(hasFooter){
            if (hasFooter) {
                $('footer').remove();
            }
        });
    
        if ($('.splash-more-homes-header-text.splash-page-text').hasClass('empty')){
            $('.splash-more-homes-header-text.splash-page-text').hide();
        } else {
            $('.splash-more-homes-header-text.splash-default-text').hide();
        }
    
    } else {
        return
    }
    
    
    //------------------------------------------------------------------------------------------------------
    var picsToTest = {};
    var samePics = {};
    
    
    var collectionData = {"id":"5ac6d77803ce64575310d7d8","websiteId":"5a45844face86499581cbcaf","backgroundSource":1,"enabled":true,"starred":false,"type":10,"ordering":3,"title":"Video Market Update","navigationTitle":"Video Market Update","urlId":"video-market-update","itemCount":0,"updatedOn":1525972274496,"description":"","eventView":1,"folder":false,"dropdown":false,"tags":[],"categories":[],"homepage":false,"typeName":"page","regionName":"default","synchronizing":false,"typeLabel":"page","fullUrl":"/video-market-update/","passwordProtected":false,"pagePermissionType":1};
    var itemData = {};
    var itemsData = {};
    
    var assets1 = deepFindAllProps(collectionData,['assetUrl']);
    var assets2 = deepFindAllProps(itemData,['assetUrl']);
    var assets3 = deepFindAllProps(itemsData,['assetUrl']);
    
    var body1 = deepFindAllProps(collectionData, ['body']);
    var body2 = deepFindAllProps(itemData, ['body']);
    var body3 = deepFindAllProps(itemsData, ['body']);
    
    var assets = [];
    
    assets2.reverse();
    assets3.reverse();
    
    assets2.map(o=>{
        if (!o){
            return
        }
        assets.push({
            assetUrl: o.assetUrl, 
            mediaFocalPoint: o.mediaFocalPoint
        })
    })
    
    assets3.map(o=>{
        if (!o){
            return
        }
        assets.push({
            assetUrl: o.assetUrl, 
            mediaFocalPoint: o.mediaFocalPoint
        })
    })
    
    var bodys = [];
    body1.map(o=>{
        if (!o.body){
            return
        }
        bodys.push(o.body)
    })
    body2.map(o=>{
        if (!o.body){
            return
        }
        bodys.push(o.body)
    })
    body3.map(o=>{
        if (!o.body){
            return
        }
        bodys.push(o.body)
    })
    
    bodys.forEach(o=>{
        $(o).find('[data-src]').each((i,z)=>{
            assets.push({
                assetUrl: $(z).data('src'),
                mediaFocalPoint: {
                    x: 0.5,
                    y: 0.5
                }
            })
        })
    })
    
    assets1.map(o=>{
        if (!o){
            return
        }
        assets.push({
            assetUrl: o.assetUrl, 
            mediaFocalPoint: o.mediaFocalPoint
        })
    })
        
    if (assets.length < 3) {
        $('*').each(function(i,o){
            if (o.style.backgroundImage){
                var assetUrl = o.style.backgroundImage.replace(/^url\(\"/gim,'').replace(/\"\)$/gim,'');
                assets.push({
                    assetUrl: assetUrl,
                    mediaFocalPoint: {
                        x:0.5,
                        y:0.5
                    }
                });
            }
            var datasrc = $(o).data('src');
            if (datasrc){
                var thisAsset = {
                    assetUrl: datasrc
                }
                var datafocal = $(o).data('image-focal-point');
                if (datafocal) {
                    thisAsset.mediaFocalPoint = {
                        x: parseFloat(datafocal.split(',')[0]),
                        y: parseFloat(datafocal.split(',')[1])
                    }
                } else {
                    thisAsset.mediaFocalPoint = {
                        x: 0.5,
                        y: 0.5
                    }
                }
                assets.push(thisAsset);
            }
        })
    }
    
    //------------------------------------------------------------------------------------------------------
    /*
        $('.coming-soon-form').find('input[type=text]').each(function(i,o){
            if ($(o).attr('name')===undefined){
                $(o).val('Coming Soon: ').attr('type','hidden');
            }
        })
    
        var $form = $('.coming-soon-form form');
        $form.find('input[name=fname]').attr('placeholder','First Name');
        $form.find('input[name=lname]').attr('placeholder','Last Name');
        $form.find('input[name=email]').attr('placeholder','Email');
        $form.find('.form-item.field.text input').attr('placeholder','Subject');
        $form.find('.form-item.field.textarea textarea').attr('placeholder','Message');
    */
    
    //------------------------------------------------------------------------------------------------------
    
        var noImage = '/static/ta/5a45844face86499581cbcaf/270/assets/no_image.png';
    
        if ("" === ""){
            //If not a listing page with an MLS number, pull the images directly from the page...
            renderData()
        } else {
            //Sometimes we need to pull the images from an MLS listing...
            var partyWebsite = (window.YLOPO_WIDGETS || {}).domain || 'portal.ylopo.com';
            lookupMLSNumber("", "", "")
        }
    
        // -----------------------------------------------------------------------------------------------------------
    
        function lookupMLSNumber(mlsNumber, customCity, customState){
            var searchObj = {"locations":[{"city": customCity,"state":customState}],"mlsId":[mlsNumber]};
            $.ajax({
                url: 'https://portal.ylopo.com/api/1.0/mapsearch?partyWebsite='+partyWebsite+'&s='+encodeURIComponent(JSON.stringify(searchObj)),
                dataType: 'jsonp',
                success: function(data){
                    if (data.listings[0]) {
                        var listingId = data.listings[0].id;
                        getListingData(listingId)
                    } else {
                        console.log("MLS Number not returning data...",mlsNumber)
                        if (mlsNumber){
                            $('.MLS-no-data-error').addClass('show-error');
                        }
                        renderData();
    
                    }
                },
                error: function(err){
                    console.log('err:',err)
                }
            });
        }
    
        // -----------------------------------------------------------------------------------------------------------
    
        function getListingData(listingId){
            var searchObj = {"listingIds":[listingId]}
            $.ajax({
                url: 'https://portal.ylopo.com/api/1.0/listings?partyWebsite='+partyWebsite+'&s='+encodeURIComponent(JSON.stringify(searchObj)),
                dataType: 'jsonp',
                success: function(data){
                    if (data[0]){
                        renderData(data[0]);
                    } else {
                        console.log("Listing not returning data...",listingId)
                        renderData();
                    }
                },
                error: function(err){
                    console.log('err:',err)
                }
            });
        }
    
        // -----------------------------------------------------------------------------------------------------------
    
        var other_images = [];
    
        function renderData(data){
        
            if (data && data.listingPhotos && data.listingPhotos.length > 0) {
                var listingsPhotos = [];
                data.listingPhotos.forEach(function(listing){
                    listingsPhotos.push({
                        assetUrl: listing.assetUrl,
                        mediaFocalPoint: {
                            x:0.5,
                            y:0.5
                        }
                    });
                });
                assets = listingsPhotos.concat(assets);//galleryImages.concat(data.listingPhotos);
            }
    
            if (assets.length > 0) {
    
                other_images = assets.reduce(function(a,o){
                    if (o.assetUrl.indexOf('.squarespace.com') === -1){
                        return a.concat(o)
                    } else {
                        return a
                    }
                },[]);
                other_images.slice(0,4).forEach(function(o,i){
                    $('.image-blocks').find('.block-'+(i+1)).css('backgroundImage', 'url('+o.assetUrl+')').data('src',o)
                });
    
                if (other_images.length > 0) {
                    $('.splashmorehomes-images').addClass('imagecount-'+other_images.slice(0,4).length);
                }
    
                var static_assets = assets.slice(0,4).reduce(function(a,o){
                    o.assetUrl = o.assetUrl.split('?')[0]+'?format=500w';
                    return o.assetUrl.indexOf('https://static.squarespace.com')!==-1 ? a.concat(o) : a;
                },[]);
                var static1_assets = assets.slice(0,4).reduce(function(a,o){
                    return o.assetUrl.indexOf('https://static1.squarespace.com')!==-1 ? a.concat(o) : a;
                },[]);
                var static2_assets = assets.slice(0,4).reduce(function(a,o){
                    return o.assetUrl.indexOf('https://static2.squarespace.com')!==-1 ? a.concat(o) : a;
                },[]);
    
    
                /*
                    We need to be able to detect if an image is a Squarespace placeholder image. This is not simple to do. We need access to the image data
                    but the image is hosted on Squarespace's CDN, on a different domain name, and the URL is always different from site to site.
                    The image is transparent with a line through it, and we'll need to detect that in the bitmap data. The data is loaded via an html file hosted
                    on the same domain as the images, inside an iframe and using postMessage to transfer the image data back to this window.
                */
                if (static_assets.length > 0) {
                    static_assets.forEach(function(o){
                        picsToTest[o.assetUrl]=1
                    });
                    var images = static_assets.reduce(function(a,o){
                        return a.concat(o.assetUrl);
                    }, []);
                    $('<iframe>').attr('src','https://static.squarespace.com/static/592f0812414fb54f04562d89/t/5bd0bbbe08522953060e994d/1540406206485/getImageDataURI.html?img='+encodeURIComponent(images.join('img='))).appendTo('.image-detection-container')
                }
                if (static1_assets.length > 0) {
                    static1_assets.forEach(function(o){
                        picsToTest[o.assetUrl]=1
                    });
                    var images1 = static1_assets.reduce(function(a,o){
                        return a.concat(o.assetUrl);
                    }, []);
                    $('').attr('src','https://static1.squarespace.com/static/592f0812414fb54f04562d89/t/5bd0bbbe08522953060e994d/1540406206485/getImageDataURI.html?img='+encodeURIComponent(images1.join('img='))).appendTo('.image-detection-container')
                }
                if (static2_assets.length > 0) {
                    static2_assets.forEach(function(o){
                        picsToTest[o.assetUrl]=1
                    });
                    var images2 = static2_assets.reduce(function(a,o){
                        return a.concat(o.assetUrl);
                    }, []);
                    $('').attr('src','https://static2.squarespace.com/static/592f0812414fb54f04562d89/t/5bd0bbbe08522953060e994d/1540406206485/getImageDataURI.html?img='+encodeURIComponent(images2.join('img='))).appendTo('.image-detection-container')
                }
            }
    
        }
    
        // -----------------------------------------------------------------------------------------------------------
    
        function receiveMessage(evt){
            if (evt.origin !== 'https://static.squarespace.com' && evt.origin !== 'https://static1.squarespace.com' && evt.origin !== 'https://static2.squarespace.com'){
                return
            }
    
            var data = evt.data;
    
            if (data.error) {
                picsToTest[data.imgUrl] = undefined;
                delete picsToTest[data.imgUrl];
                if (Object.keys(picsToTest).length === 0) {
                    testingDone();
                }
                return
            }
    
            var $canvas = $('').attr({
                width: data.width,
                height: data.height
            }).css({
                width: data.width,
                height: data.height,
            }).appendTo($('.image-detection-container'));
    
            var img = new Image();
            img.width = data.width;
            img.height = data.height;
            img.src = data.imgdata;
    
            img.onload = function(){
    
                var ctx = $canvas[0].getContext('2d');
                ctx.drawImage(img, 0, 0, data.width, data.height)
                var imgData = ctx.getImageData(0, 0, data.width, data.height).data;
                var pix = getPixel(11, 11, imgData, data.width);
    
                var isUnique = true;
                for (var key in samePics){
                    if (Math.abs(samePics[key].r - pix.r) < 3 && Math.abs(samePics[key].g - pix.g) < 3 && Math.abs(samePics[key].b - pix.b) < 3 && Math.abs(samePics[key].a - pix.a) < 3 ) {
                        isUnique = false;
                        break;
                    }
                }
                if (isUnique === true) {
                    samePics[data.imgUrl] = pix;
                }
    
                picsToTest[data.imgUrl] = undefined;
                delete picsToTest[data.imgUrl];
    
                if (Object.keys(picsToTest).length === 0) {
                    testingDone();
                }
            }
        }
    
        //--------------------------------------------------------------------------------------------
    
        function getPixel(x,y,data, width){
            return {
                r: data[(x*4)+(y*width)],
                g: data[(x*4)+(y*width)+1],
                b: data[(x*4)+(y*width)+2],
                a: data[(x*4)+(y*width)+3]
            }
        }
    
        //--------------------------------------------------------------------------------------------
    
        function testingDone(){
    
            var uniqueImages = Object.keys(samePics);
    
            $('.splashmorehomes-images').addClass('imagecount-' + Math.min(uniqueImages.length, 4));
            
            for (var img=0;img<4;img++){
                if ($('.image-blocks').find('.block-'+(img+1)).data('src') === undefined && uniqueImages[img]) {
                    var focalPoint = assets.reduce(function(a,o){
                        if (uniqueImages[img] === o.assetUrl){
                            return o.mediaFocalPoint
                        } else {
                            return a;
                        }
                    },{x:0.5,y:0.5});
    
                    $('.image-blocks').find('.block-'+(img+1)).css({
                        'backgroundImage': 'url('+uniqueImages[img]+')',
                        'backgroundPosition': 'calc('+focalPoint.x+' * 100%) calc('+focalPoint.y+' * 100%)'
                    }).data('src',uniqueImages[img]);
                }
            }
        }
    
        //--------------------------------------------------------------------------------------------
    
        window.addEventListener( "message", receiveMessage, false);
    
    //------------------------------------------------------------------------------------------------------
})();
    