setTimeout(
    function() {
        initChatbot();
    },
    0
);

var cbConfig = {
    "desktop": {
        "maxHeight": "330px",
        "minHeight": "50px",
        "maxWidth": "550px",
        "minWidth": "300px",
        "right": "10px"
    },
    "mobile": {
        "maxHeight": "100%",
        "minHeight": "50px",
        "maxWidth": "100%",
        "minWidth": "300px",
        "right": "0px"
    },
    "toggleButtonColor": "#474a50"
};

function initChatbot() {
    var xmlhttp = new XMLHttpRequest();

    xmlhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            if (!this.responseText) {
                return false;
            }

            var response      = JSON.parse(this.responseText);            
            factfinderCbToken = response.cbtoken;
            cbDisplay         = response.cbdisplay;
            adviserName       = response.adviser_name;
            adviserFacepath   = response.adviser_facepath;
            adviserJobTitle   = response.adviser_jobtitle;
            companyName       = response.company_name;
            content           = response.content;

            if (factfinderCbToken) {
                if (cbDisplay == 1) {
                    var url = adviserAiUrl + '/factfinder/cb/' + factfinderCbToken;
                    setDimensions();
                    document.body.insertAdjacentHTML( 'beforeend', '<div id="adviserchatbotexit" data-viewed="no" data-toggle="close"><iframe scrolling="no" allowtransparency="true" frameBorder=0 src="' + url + '" width="100%" height="100%" style="z-index: 2;"></iframe><div style="position: absolute; opacity: 1; top: 0; right: 0; width: auto; margin: 1rem; height: auto;"><div style="display: flex; position: relative; flex-direction: column; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal;"><button onclick="closeExitModal()" style="background-color: #ff6600; border-radius: 5px; padding: 3px 8px; color: #fff; cursor: pointer; font-weight: 700; font-size: 25px; line-height: 25px; text-align: center;">×</button></div></div></div>');
                    var cbStyle = getChatBotExit().style;
                    cbStyle.position = 'fixed';
                    cbStyle.display  = 'none';
                    cbStyle.bottom   = '0vh';
                    cbStyle.top      = '0vh';
                    cbStyle.right    = '0vw';
                    cbStyle.width    = '100vw';
                    cbStyle.height   = '100vh';

                    if (!isMobile()) {
                        setTimeout(() => {
                                                function addEvent(obj, evt, fn) {
                            if (obj.addEventListener) {
                                obj.addEventListener(evt, fn, false);
                            }
                            else if (obj.attachEvent) {
                                obj.attachEvent("on" + evt, fn);
                            }
                        }
                                                addEvent(document, 'mouseout', function(evt) {
                            if (evt.toElement == null && evt.relatedTarget == null ) {
                                openExitModal();
                            };
                        });
                        }, 2000);
                    }

                } else if (cbDisplay == 2) {                    
                    cbConfig = {
                        "desktop": {
                            "maxHeight": "650px",
                            "minHeight": "100px",
                            "maxWidth": "350px",
                            "minWidth": "300px",
                            "right": "10px"
                        },
                        "mobile": {
                            "maxHeight": "550px",
                            "minHeight": "100px",
                            "maxWidth": "100%",
                            "minWidth": "300px",
                            "right": "0px"
                        },
                        "toggleButtonColor": "#7ec3b4"
                    };
                    var url = adviserAiUrl + '/factfinder/cb/' + factfinderCbToken;
                    setDimensions();

                    if (!isMobile()) {
                    document.body.insertAdjacentHTML( 'beforeend', '<div id="adviserchatbot" data-toggle="open"><iframe scrolling="no" allowtransparency="true" frameBorder=0 src="' + url + '" width="100%" height="100%" style="height: 50px; max-height: 100%; max-width: 100%; min-height: 100%; min-width: 100%; width: 0; z-index: 2;"></iframe><div id="toggle_chat" style="z-index: 3; position: absolute; top: 50%; left: -50px; margin-top: -30px; height: 60px; width: 60px; font-size: 2em; text-align: center; color: #840544; font-family: arial; cursor: pointer; padding: 10px;" onclick="toggleChatBot()"><svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-6"><path fill-rule="evenodd" d="M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /></svg></div></div>');
                    }

                    if (isMobile()) {
                    document.body.insertAdjacentHTML( 'beforeend', '<div id="adviserchatbot" data-toggle="open"><iframe scrolling="no" allowtransparency="true" frameBorder=0 src="' + url + '" width="100%" height="100%" style="height: 100px; max-height: 100%; max-width: 100%; min-height: 100%; min-width: 100%; width: 0; z-index: 2;"></iframe><div id="toggle_chat" style="z-index: 3; position: absolute; top: 10px; right: 10%; margin-right: 10px; height: 50px; width: 50px; font-size: 2em; text-align: center; color: #7ec3b4; font-family: arial; cursor: pointer;" onclick="toggleChatBot()"><svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-6"><path fill-rule="evenodd" d="M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /></svg></div></div>');
                    }

                    var cbStyle = getChatBot().style;
                    cbStyle.position = 'fixed';
                    cbStyle.bottom   = '0px';
                    cbStyle.right    = cbConfig.right;
                    cbStyle.width    = cbConfig.maxWidth;
                    cbStyle.height   = cbConfig.maxHeight;
                } else {
                    var url = adviserAiUrl + '/factfinder/cb/' + factfinderCbToken;
                    setDimensions();

                    if (!isMobile()) {
                    document.body.insertAdjacentHTML( 'beforeend', '<div id="adviserchatbot" data-toggle="open"><iframe scrolling="no" allowtransparency="true" frameBorder=0 src="' + url + '" width="100%" height="100%" style="height: 50px; max-height: 100%; max-width: 100%; min-height: 100%; min-width: 100%; width: 0; z-index: 2;"></iframe><div id="toggle_chat" style="z-index: 3; position: absolute; top: 0; right: 5px; height: 50px; width: 50px; font-size: 2em; text-align: center; color: ' + cbConfig.toggleButtonColor + '; font-family: arial; cursor: pointer;" onclick="toggleChatBot()"></div></div>');
                    }

                    if (isMobile()) {
                    document.body.insertAdjacentHTML( 'beforeend', '<div id="adviserchatbot" data-toggle="open"><iframe scrolling="no" allowtransparency="true" frameBorder=0 src="' + url + '" width="100%" height="100%" style="height: 50px; max-height: 100%; max-width: 100%; min-height: 100%; min-width: 100%; width: 0; z-index: 2;"></iframe><div id="toggle_chat" style="z-index: 3; position: absolute; top: 40%; right: 5px; height: 50px; width: 50px; font-size: 2em; text-align: center; color: ' + cbConfig.toggleButtonColor + '; font-family: arial; cursor: pointer;" onclick="toggleChatBot()"></div></div>');
                    }

                    var cbStyle = getChatBot().style;
                    cbStyle.position = 'fixed';
                    cbStyle.bottom   = '0px';
                    cbStyle.right    = cbConfig.right;
                    cbStyle.width    = cbConfig.maxWidth;
                    cbStyle.height   = cbConfig.maxHeight;
                }
            }
        };
    }
    if (typeof chatbotCbtoken == 'undefined') {
        chatbotCbtoken  = '';
    }
    if (typeof chatbotReference == 'undefined') {
        chatbotReference  = '';
    }
    if (typeof chatbotForename == 'undefined') {
        chatbotForename  = '';
    }
    if (typeof chatbotSurname == 'undefined') {
        chatbotSurname  = '';
    }
    if (typeof chatbotEmail == 'undefined') {
        chatbotEmail  = '';
    }
    if (typeof chatbotSms == 'undefined') {
        chatbotSms  = '';
    }
    if (typeof chatbotPostcode == 'undefined') {
        chatbotPostcode  = '';
    }
    if (typeof chatbotUserIdentifier == 'undefined') {
        chatbotUserIdentifier = '';
    }

    if (typeof chatbotPostcode == 'undefined') {
        chatbotPostcode  = '';
    }
    if (typeof chatbotMediaCampaignID == 'undefined') {
        chatbotMediaCampaignID  = '';
    }
    if (typeof chatbotChannelId == 'undefined') {
        chatbotChannelId  = '';
    }
    if (typeof chatbotAddress1 == 'undefined') {
        chatbotAddress1  = '';
    }
    if (typeof chatbotAddress2 == 'undefined') {
        chatbotAddress2  = '';
    }
    if (typeof chatbotIpAddress == 'undefined') {
        chatbotIpAddress  = '';
    }
    if (typeof chatbotLeadTypeId == 'undefined') {
        chatbotLeadTypeId  = '';
    }
    if (typeof chatbotMarketingPermission == 'undefined') {
        chatbotMarketingPermission  = '';
    }
    if (typeof chatbotSupplierId == 'undefined') {
        chatbotSupplierId  = '';
    }
    if (typeof chatbotSupplierKey == 'undefined') {
        chatbotSupplierKey  = '';
    }
    if (typeof chatbotTown == 'undefined') {
        chatbotTown  = '';
    }
    if (typeof chatbotSmoker == 'undefined') {
        chatbotSmoker  = '';
    }
    if (typeof chatbotCoveramount == 'undefined') {
        chatbotCoveramount  = '';
    }
    if (typeof chatbotCoverterm == 'undefined') {
        chatbotCoverterm  = '';
    }
    if (typeof chatbotCoverType == 'undefined') {
        chatbotCoverType  = '';
    }
    if (typeof chatbotPolicyType == 'undefined') {
        chatbotPolicyType  = '';
    }
    if (typeof chatbotGender == 'undefined') {
        chatbotGender  = '';
    }
    if (typeof chatbotDateOfBirth == 'undefined') {
        chatbotDateOfBirth  = '';
    }
    if (typeof chatbotWebsiteId == 'undefined') {
        chatbotWebsiteId  = '';
    }

    xmlhttp.open('GET', adviserAiUrl + '/chatbot/' + chatbotCreativeIdentifier + '?cbtoken=' + chatbotCbtoken + '&reference=' + chatbotReference + '&forename=' + chatbotForename + '&surname=' + chatbotSurname + '&email=' + chatbotEmail + '&sms=' + chatbotSms + '&postcode=' + chatbotPostcode + '&ar='+chatbotUserIdentifier+'&MediaCampaignID='+chatbotMediaCampaignID+'&IpAddress='+chatbotIpAddress+'&ChannelId='+chatbotChannelId+'&DateOfBirth='+chatbotDateOfBirth+'&WebsiteId='+chatbotWebsiteId+'&LeadTypeId='+chatbotLeadTypeId+'&MarketingPermission='+chatbotMarketingPermission+'&SupplierId='+chatbotSupplierId+'&SupplierKey='+chatbotSupplierKey+'&town='+chatbotTown+'&Smoker='+ chatbotSmoker +'&coveramount='+ chatbotCoveramount +'&coverterm='+ chatbotCoverterm +'&coverType='+ chatbotCoverType +'&policyType='+ chatbotPolicyType +'&Gender='+ chatbotGender);
    xmlhttp.send();
}

function getChatBot() {
    return document.getElementById('adviserchatbot');
}

function getChatBotExit() {
    return document.getElementById('adviserchatbotexit');
}


function openExitModal() {
    var chatbot = getChatBotExit();
    var cbData = chatbot.dataset;
    var toggle = getExitToggleState();
    var viewed = getExitViewedState();
    var body = document.body;
    if (viewed == 'no') {
        switch (toggle) {
            case 'close':
                cbData.toggle = 'open';
                chatbot.style.display = "block";
                body.style.overflow = "hidden";
                break;
        }
    }
}

function closeExitModal() {
    var chatbot = getChatBotExit();
    var cbData = chatbot.dataset;
    var toggle = getExitToggleState();
    var viewed = getExitViewedState();
    var body = document.body;
    switch (toggle) {
        case 'open':
            cbData.toggle = 'close';
            cbData.viewed = 'yes';
            chatbot.style.display = "none";
            body.style.overflow = "auto";
            break;
    }
}

function toggleChatBot() {
    var chatbot = getChatBot();
    var cbStyle = chatbot.style;
    var cbData = chatbot.dataset;
    var toggle = getToggleState();
    var toggleBtnStyle = document.getElementById('toggle_chat').style;
    switch (toggle) {
        case 'close':
            cbStyle.height = cbConfig.maxHeight;
            cbStyle.width = cbConfig.maxWidth;
            toggleBtnStyle.width = "50px";
            toggleBtnStyle.color = cbConfig.toggleButtonColor;
            cbStyle.right = cbConfig.right;
            cbData.toggle = 'open';
            break;
        case 'open':
            cbStyle.height = cbConfig.minHeight;
            cbStyle.width = cbConfig.minWidth;
            toggleBtnStyle.width = "100%";
            toggleBtnStyle.color = "transparent";
            if(isMobile()) {
                cbStyle.right = 'calc(50% - 150px)';
            } else {
                cbStyle.right = cbConfig.right;
            }
            cbData.toggle = 'close';
            break;
    }
}

function getToggleState() {
    return getChatBot().dataset.toggle;
}

function getExitToggleState() {
    return getChatBotExit().dataset.toggle;
}

function getExitViewedState() {
    return getChatBotExit().dataset.viewed;
}

function isMobile() {
    var width = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
    if(width < 768) {
        return true;
    }
    return false;
}

function setDimensions() {
    if(isMobile()) {
        maxHeight = cbConfig.mobile.maxHeight;
        minHeight = cbConfig.mobile.minHeight;
        maxWidth = cbConfig.mobile.maxWidth;
        minWidth = cbConfig.mobile.minWidth;
        right = cbConfig.mobile.right;
    } else {
        maxHeight = cbConfig.desktop.maxHeight;
        minHeight = cbConfig.desktop.minHeight;
        maxWidth = cbConfig.desktop.maxWidth;
        minWidth = cbConfig.desktop.minWidth;
        right = cbConfig.desktop.right;
    }
    cbConfig.maxHeight = maxHeight;
    cbConfig.minHeight = minHeight;
    cbConfig.maxWidth = maxWidth;
    cbConfig.minWidth = minWidth;
    cbConfig.right = right;
}

window.addEventListener("resize", function(){
    setDimensions();
    var chatbot = getChatBot();
    if (!chatbot) { return false; }
    var cbStyle = chatbot.style;
    switch(getToggleState()) {
        case 'close':
            chatbotHeight = cbConfig.minHeight;
            chatbotWidth = cbConfig.minWidth;
            if(isMobile()) {
                cbStyle.right = 'calc(50% - 150px)';
            } else {
                cbStyle.right = cbConfig.right;
            }
            break;
        case 'open':
            chatbotHeight = cbConfig.maxHeight;
            chatbotWidth = cbConfig.maxWidth;
            cbStyle.right = cbConfig.right;
            break;
    }
    cbStyle.height = chatbotHeight;
    cbStyle.width = chatbotWidth;
});