var styles = document.createElement("style");
    let textNode = document.createTextNode(".chat__loading,.chat__start-button{bottom:20px;right:20px}.chat__windows-container{background-color:transparent;border:none;position:fixed;width:100%;height:100%;top:0;left:0;z-index:200000}.chat__windows-container--primary-theme{box-shadow:2px 37px 10px #acacac}.chat__start-button{position:fixed;font-size:16px}.chat__start-button--primary-theme{-webkit-box-sizing:border-box;box-sizing:border-box;border:none;color:#fff;cursor:pointer;height:140px;width:150px}@media only screen and (min-width:426px) and (min-height:451px){.chat__windows-container{width:380px;height:520px;bottom:0;top:auto;left:auto;right:30px}}");
    styles.appendChild(textNode);

    window.onload = function()  {
        var serviceId = "737d5776-9e42-4437-8085-bc04e1f4ecc0";

        var tagsMeta = document.getElementsByTagName('meta');
        var meta;
        if (!hasTag(tagsMeta)) {
            meta = document.createElement("meta");
            meta.name = 'viewport';
            meta.content = 'width=device-width,initial-scale=1';
        }

        var iFrame = document.createElement("iframe");
        iFrame.seamless = "true";
        iFrame.className = "chat__loading";
        iFrame.src = "https://dtrbjul5ejdu2.cloudfront.net/chat/"+serviceId;
        if(meta) document.getElementsByTagName("head")[0].appendChild(meta);
        document.getElementsByTagName("head")[0].appendChild(styles);
        document.getElementsByTagName("body")[0].appendChild(iFrame);

        bindEvent(window, 'message', function (e) {
            var data = JSON.parse(e.data);
            if(data.chatStatus){
                iFrame.className = "chat__windows-container chat__windows-container--primary-theme";
            } else if(!data.chatStatus){
                iFrame.className = "chat__start-button chat__start-button--primary-theme";
            }
        });

    }

    function bindEvent(element, eventName, eventHandler) {
        if (element.addEventListener){
            element.addEventListener(eventName, eventHandler, false);
        } else if (element.attachEvent) {
            element.attachEvent('on' + eventName, eventHandler);
        }
    }

    function hasTag(tags) {
        var hasTag = false;
        if (tags !== undefined && tags !== null) {
            for (var meta in tags) {
                if (meta.name === 'viewport' && meta.content.indexOf('width=device-width') > 0 && meta.content.indexOf('initial-scale=1') > 0) {
                    hasTag = true;
                    break;
                }
            }
        }
        return hasTag;
    }