window.addEventListener( "message", receiveMessage, false);
function receiveMessage( event)
{
    var data = null;
    if ( event.data) {
        if ( typeof event.data == 'string') {
            try {
                data = JSON.parse( event.data);
            } catch ( e) {
                console.log( e);
            }
        } else {
            data = event.data;
        }
        if ( data) {
            switch ( data.type) {
                case 'application-progress':
                    var pi = document.getElementById( 'application-progress').querySelectorAll( '.progress-indicator');
                    if ( pi.length) {
                        var completed = 1;
                        for ( var p = 0; p < pi.length; p++) {
                            pi[ p].dataset.active = 0;
                            pi[ p].dataset.complete = completed;
                            if ( pi[ p].dataset.progress == data.progress) {
                                completed = 0;
                                pi[ p].dataset.active = 1;
                            }
                        }
                    }

                    if ( data.percent) {
                        pi = document.getElementById( 'progress-' + data.progress);
                        if ( pi) {
                            pi.style.width = data.percent;
                            pi.parentNode.dataset.percent = data.percent;
                        }
                    }

                    if ( data.progress == 'deposit') {
                        var frame = document.getElementById( 'sso-application-frame');
                        if ( frame) {
                            frame.style.height = '500px';
                        }
                    }
                    break;
                case 'application-thankyou':
                    window.top.location = 'https://sheshineson.com/application-thank-you/';
                    break;
                case 'payment-thankyou':
                    window.top.location = 'https://sheshineson.com/agreement-payment-thank-you/';
                    break;
                case 'teamleader-thankyou':
                    window.top.location = 'https://sheshineson.com/agreement-thank-you-studio-owner/';
                    break;
                case 'application-focus':
                    if ( typeof jQuery == 'undefined') {
                        if ( typeof $( 'body').scrollTop == 'function') {
                            $( 'body').scrollTop( $( '.iframewrapper').offset().top - 120);
                        }
                        if ( typeof $( 'body').scrollTo == 'function') {
                            $( 'body').scrollTo( '.iframewrapper');
                            $( 'body').scrollTo( '-=120px');
                        }
                    } else {
                        if ( typeof jQuery( 'body').scrollTop == 'function') {
                            jQuery( 'body').scrollTop( $( '.iframewrapper').offset().top - 120);
                        }
                        if ( typeof jQuery( 'body').scrollTo == 'function') {
                            jQuery( 'body').scrollTo( '.iframewrapper');
                            jQuery( 'body').scrollTo( '-=120px');
                        }
                    }
                    break;
            }
        }
    }
}

document.addEventListener("DOMContentLoaded", function(event) {
    const urlParams = new URLSearchParams(window.location.search);
    const application = urlParams.get('applicationCode');
    let iframe = document.getElementById('sso-application-frame');
    if (iframe && application != '') {
        iframe.style.opacity = 0.1;
        iframe.onload = function(){
            console.log(this);
            var _iframe = this;
            window.setTimeout(function(){
                _iframe.style.opacity = 1;
            }, 250);
            this.src += '?applicationCode=' + application;
            this.onload = null;
        };
    } else {
        console.log(iframe);
        console.log(application);
    }
});

    var element = document.createElement("link");
    element.setAttribute("rel", "stylesheet");
    element.setAttribute("type", "text/css");
    element.setAttribute("href", "//sso.wip-crm.com/application.css");
    document.getElementsByTagName("head")[0].appendChild(element);