(function() {
    var widgetID = 10214;
    var agentHeaderID = null;

    if (!widgetID) {
        alert('Invalid widget ID given.');
        return false;
    }

    function widgetMainOut() {
        var widgetElement = idx('#idxwidgetsrc-10214');

        // if it doesn't exist try getting it the old have via the src
        if (!widgetElement.size()) {
            var src = (!isNaN(widgetID)) ? 'customshowcasejs.php?widgetid=10214' : 'customshowcasejs.php';
            widgetElement = idx('script[src*="'+src+'"]');
        }

            var propc;
        var maincID = 'IDX-showcaseGallery-10214';
        var mainc = idx('<div />').attr({'id': maincID, 'class': 'IDX-showcaseTable'});
        widgetElement.after(mainc);
        var noPhotoUrl = "https://s3.amazonaws.com/clientphotos.idxbroker.com/customNoPhoto/customNoPhoto-40230";
        idx('#'+maincID).before('<style type="text/css">        #IDX-showcaseGallery-10214 {  }\
                                            #IDX-showcaseGallery-10214 .IDX-showcaseCell {width: 100.000000%;\
                min-width: 100.000000%; padding:3px !important; vertical-align:top;\
                display: inline-block !important; margin-bottom: 5px;}\
            #IDX-showcaseGallery-10214 .IDX-showcaseRow {display: inline-block !important;\
                width:100%; margin-bottom:10px;}\
            #IDX-showcaseGallery-10214 .IDX-showcaseContainer a {height: auto !important}\
            #IDX-showcaseGallery-10214 .IDX-showcaseLink:before{height: auto; content: none !important}\
            #IDX-showcaseGallery-10214 .IDX-showcaseLink {display: block;position: relative;\
                padding-top: 66%;}\
            #IDX-showcaseGallery-10214 .IDX-showcasePhoto {max-height: 100%;margin: auto; height: auto;\
                position: absolute;top: 0;left: 0;right: 0;bottom: 0;}\
            @media screen and (max-width: 480px) {\
                #IDX-showcaseGallery-10214 .IDX-showcasePhoto {height: 100%;}\
                #IDX-showcaseGallery-10214 {margin: 0px !important;}\
                #IDX-showcaseGallery-10214 .IDX-showcaseCell {min-width: 100%; height: auto !important;\
                    margin: 0 0 3px 0 !important;}\
                #IDX-showcaseGallery-10214 .IDX-showcaseContainer {height: auto !important}\
                #IDX-showcaseGallery-10214 .IDX-showcasePhoto {max-height: inherit !important;}\
            }\
            #IDX-showcaseGallery-10214 .IDX-showcaseContainer {\
                border:1px solid #666;\
                -webkit-box-shadow: 1px 1px 3px rgba(22,22,22,.4);\
                box-shadow: 1px 1px 3px rgba(22,22,22,.4);\
                padding:3px;\
            }\#IDX-showcaseGallery-10214.IDX-showcaseTable { table-layout:fixed; border-spacing:8px; font-size:11px; } #IDX-showcaseGallery-10214 .IDX-showcaseRow { display:table-row; } #IDX-showcaseGallery-10214 .IDX-showcaseCell {     display:table-cell; }  #IDX-showcaseGallery-10214 .IDX-showcaseLink {     height: 100%;     width: 100%;     font-size: 0;     text-align: center;     display: inline-block; } #IDX-showcaseGallery-10214 .IDX-showcaseLink:before {     height: 100%;     content: "";     display: inline-block;     vertical-align: middle; } #IDX-showcaseGallery-10214 .IDX-showcasePhoto {     max-width: 100%;     display: inline-block;     vertical-align: middle; } .IDX-showcaseCityStateZip span { white-space: pre; } #IDX-showcaseGallery-10214 .IDX-showcaseCell div {text-align: center;} #IDX-showcaseGallery-10214 .IDX-showcaseListingID, #IDX-showcaseGallery-10214 .IDX-showcaseBeds, #IDX-showcaseGallery-10214 .IDX-showcaseBaths, #IDX-showcaseGallery-10214 .IDX-showcaseFull, #IDX-showcaseGallery-10214 .IDX-showcasePartial, #IDX-showcaseGallery-10214 .IDX-showcaseRemarks, #IDX-showcaseGallery-10214 .IDX-showcaseDisclaimerLink, #IDX-showcaseGallery-10214 .IDX-showcaseStatus, #IDX-showcaseGallery-10214 .IDX-showcaseStateAbrv {display:none;}   #IDX-showcaseGallery-10214 .IDX-showcaseContainer {position:relative;}</style>');
                        var propr = idx('<div />').addClass('IDX-showcaseRow');
                                var aLink, imgUrl, img, thumbnail;
                                                            aLink = idx('<a href="https://search.sunnlakerealtysebring.com/idx/details/listing/d346/304107/5044-Strafford-Oaks-Drive-Sebring-FL?widgetReferer=true" class="IDX-showcaseLink"></a>');
                                    imgUrl = decodeURIComponent("https%3A%2F%2Fapi-trestle.corelogic.com%2Ftrestle%2FMedia%2FHLAND%2FProperty%2FPHOTO-jpeg%2F1072851383%2F1%2FMzczLzE5MTEvMjA%2FMjAvNzM0Mi8xNzE0MTUwMTI3%2FI8sHXKpOP7aspJhloQ_Psn0nzbpAEIIr79UAvN6vrek");
                                img = '<img  src=' + imgUrl + ' alt="5044 Strafford Oaks Drive" class="IDX-showcasePhoto" />';
                thumbnail = aLink.append(img);

                propc = idx('<div />').attr('class','IDX-showcaseCell')
                .append(
                    idx('<div />').addClass('IDX-showcaseContainer').append(thumbnail
                    ).append(
                            idx('<div />').attr('class', 'IDX-showcaseListingID').html('304107')

                    ).append(
                            idx('<div />').attr('class', 'IDX-showcaseAddress IDX-showcaseAddressElement').html('5044 Strafford Oaks Drive')

                    ).append(
                        idx('<div />').attr({'class': 'IDX-showcaseCCZ', 'class': 'IDX-showcaseCityStateZip'}).append(
                            idx('<span />')
                            .attr('class', 'IDX-showcaseAddressElement IDX-showcaseCity')
                                .html('Sebring')
                            ).append(
                                idx('<span />').attr('class','IDX-showcaseAddressElement IDX-showcaseComma1').text(', ')
                            ).append(
                                idx('<span />')
                                .attr('class','IDX-showcaseAddressElement IDX-showcaseState')
                                .html('Florida ')
                            ).append(
                                idx('<span />')
                                .attr('class','IDX-showcaseAddressElement IDX-showcaseStateAbrv')
                                .html('FL ')
                            ).append(
                                idx('<span />')
                                .attr('class','IDX-showcaseAddressElement IDX-showcaseZipcode')
                                .html('')
                            )
                        ).append(
                            idx('<div />').attr('class','IDX-showcasePrice').html('$629,000')
                        ).append(
                                idx('<div />').attr('class', 'IDX-showcaseBeds').html('4 Bedrooms')

                        ).append(
                                                                                        idx('<div />').attr('class', 'IDX-showcaseBaths').html('3 Total Baths')

                        ).append(
                                idx('<div />').attr('class', 'IDX-showcaseFull').html('3 Full Baths')

                        ).append(
                                idx('<div />').attr('class', 'IDX-showcasePartial').html('0 Partial Baths')

                        ).append(
                                idx('<div />').attr('class', 'IDX-showcaseRemarks').html('Come see this amazing custom built pool home which ... ')

                        ).append(
                                idx('<div />').attr('class', 'IDX-showcaseStatus').html('Active')

                        )
                                            );
                    propr.append(propc);
                                            if (propr.children().size()) {
                idx('#'+maincID).append(propr);
            }
                            var gallery = idx("#IDX-showcaseGallery-10214");
            var cells = idx("#IDX-showcaseGallery-10214 .IDX-showcaseCell");
            var containers = idx('#IDX-showcaseGallery-10214 .IDX-showcaseContainer');
            cells.css('box-sizing', 'border-box');
            var galleryWidth = gallery.outerWidth();
            var cells = idx('#IDX-showcaseGallery-10214 .IDX-showcaseRow .IDX-showcaseCell');
            idx(window).resize(function() {
                cells.find('.IDX-showcaseContainer').height('auto');
                var heights = cells.map(function () {
                    return idx(this).outerHeight();
                });
                var maxHeight = Math.max.apply(null, heights);
                cells.find('.IDX-showcaseContainer').height(maxHeight);
            });
            idx(window).trigger('resize');
        if (agentHeaderID) {
            idx(function() {
                var widetSrc = widgetElement.attr('src');

                if (widetSrc.match(/.+quicksearchjs\.php/)) {
                    var quicksearchForm = idx('#IDX-quicksearchForm-10214');
                    quicksearchForm.append(idx('<input>').attr({
                        type: 'hidden',
                        name: 'agentHeaderID',
                        value: agentHeaderID
                    }));
                } else if (widetSrc.match(/.+leadloginwidget\.php/)) {
                    var leadLoginForm = idx('#IDX-widgetLeadLoginForm');
                    leadLoginForm.append(idx('<input>').attr({
                        type: 'hidden',
                        name: 'agentHeaderID',
                        value: agentHeaderID
                    }));
                } else if (widetSrc.match(/.+mapwidgetjs\.php/)) {
                    idx('#IDX-map-' + widgetID).on('click', 'a[href^="http"]', function (e) {
                        e.preventDefault();
                        var href = idx(e.target).attr('href');
                        if (href.match(/.+\?.+/)) {
                            href = href + '&agentHeaderID=' + agentHeaderID;
                        } else {
                            href = href + '?agentHeaderID=' + agentHeaderID;
                        }
                        window.location.href = href;
                    });
                } else {
                    // carousel, showcase, and slideshow
                    var detailsLinks = idx('div[id*='+widgetID+']').find('a[href*=widgetReferer]');
                    detailsLinks.each(function(index, element) {
                        var originalLink = idx(element).attr('href');
                        idx(element).attr('href', originalLink + '&agentHeaderID=' + agentHeaderID );
                    });
                }
            });
        }
    }

    // build a script tag with our version of jquery provided if it doesn't already exist
    if (typeof idx == 'undefined') {
        /**
         * fake idx object to let other widgets know the first widget has inserted jqidx.js
         * wait to jqwidx.js loaded, idx will be the jquery object.
         */
        window.idx = {};
        var jqsrc =  '//d1qfrurkpai25r.cloudfront.net/graphical/javascript/jqwidx.js?auid=Zi9LBUXNqX77ymmPk0NfcwAAAB0';

        var idxjs = document.createElement('script');
        idxjs.setAttribute('type','text/javascript');
        idxjs.setAttribute('id','idx_jquery_include_tag');
        idxjs.setAttribute('src',jqsrc);

        // lets let IE in or he'll just sit outside and drink and cry
        if (idxjs.readyState) {
            idxjs.onreadystatechange = function () {
                if (this.readyState == 'complete' || this.readyState == 'loaded') {
                    widgetMainOut();
                }
            };
        }
        // For gooder browsers
        else {
            idxjs.onload = widgetMainOut;
        }
        // for loading speed our best bet is to insert our jquery before the first script tag on their site since, at minimum,
        // this widget is being loaded in a script tag, we know there's at least 1 in the document and we know for sure this
        // will load before any version of jquery on their site so that we can sequester our version behind noConflict
        var s1 = document.getElementsByTagName('script')[0];
        s1.parentNode.insertBefore(idxjs, s1);
    }
    // if the idx jquert is loaded then we need to wait until the idx val is defined
    else {
        // wait to the first widget's idx jquery object loaded
        var callWidgetOut = function () {
            if (window.idx && window.idx.fn) {
                widgetMainOut();
            } else {
                setTimeout(function() {
                    callWidgetOut();
                }, 500);
            }
        };
        callWidgetOut();
    }
})();