var urlOrigen = btoa(document.location.host);
var base_url_wolkvox = "https://widget02.wolkvox.com/chat/";
var oriChatwolkvox = "https://widget02.wolkvox.com/";
var operation = "R0p0VzZzWTR2MjU5R2VJdStoSUh6TWhOakxtYWQ2d0E4dlM0SGhZdklSRT0=";
var sizeboton = "l";
var sizechat = "l";
var fullscreen = "0";
var icoboton = "help_outline";
var fondoboton = "0";
var idConfig = "YWhWS285ekxrajZhODVFYXpaa2Z2dz09";
var txt1 = "";//datos enviados sin formulario al iniciar el widget
var txt2 = "";//datos enviados sin formulario al iniciar el widget
var txt3 = "";//datos enviados sin formulario al iniciar el widget
var txt4 = "";//datos enviados sin formulario al iniciar el widget
var txt5 = "";//datos enviados sin formulario al iniciar el widget
var txt6 = "";//datos enviados sin formulario al iniciar el widget
var context = "";
var height_mobile = "";
var title = document.title;
var titleFlasher = "";


var heightIniChatWolkvox = '';
var widthIniChatWolkvox = '';



switch (sizeboton) {
    case "l":
        heightIniChatWolkvox = '73px';
        widthIniChatWolkvox = '75px';
        break;
    case "m":
        heightIniChatWolkvox = '55px';
        widthIniChatWolkvox = '60px';
        break;
    case "s":
        heightIniChatWolkvox = '45px';
        widthIniChatWolkvox = '50px';
        break;
    case "custom":
        heightIniChatWolkvox = "120px";
        widthIniChatWolkvox = "120px";
        break;
}

var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
var eventer = window[eventMethod];
var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message";
eventer(messageEvent, function (e) {
    try {
        if (e.data.indexOf('resize::') != -1) {
            var height = e.data.replace('resize::', '');
            height = height.split("||");
            document.getElementById('frameChatWolkvox').style.height = height[0].indexOf("%") != -1 ? height[0] : height[0] + 'px';
            document.getElementById('frameChatWolkvox').style.width = height[1].indexOf("%") != -1 ? height[1] : height[1] + 'px';
            document.getElementById('frameChatWolkvox').style.right = height[0].indexOf("%") != -1 ? "0%" : height[2] + ' !important';
            document.getElementById('frameChatWolkvox').style.bottom = height[3] + ' !important';
        }

        if (e.data.indexOf('start') != -1) {
            init();
        }

        if (e.data.indexOf('title') != -1) {
            var newTitle = e.data.replace('title', '');
            // document.title = newTitle != " " ? newTitle+title : title;
            clearInterval(titleFlasher);
            if (newTitle.indexOf('(') !== -1) {
                titleFlasher = setInterval(function () {
                    document.title = newTitle + " New Messages";
                    setTimeout(function () {
                        document.title = title;
                    }, 2000);
                }, 4000);
            }
            else {
                clearInterval(titleFlasher);
                document.title = title;
            }
        }
    }
    catch (excep) {

    }
}, false);

var urlFrame = base_url_wolkvox + 'iframe.php?prodId=' + operation;

var iframe = document.createElement('IFRAME');
iframe.setAttribute('id', 'frameChatWolkvox');
iframe.setAttribute('title', 'frameChatWolkvox');
iframe.setAttribute('name', 'frameChatWolkvox');
iframe.setAttribute('name', 'frameChatWolkvox');
iframe.setAttribute('allow', 'geolocation; microphone; camera; midi; encrypted-media;display-capture;');
iframe.setAttribute('allowtransparency', 'true');
iframe.setAttribute('draggable', 'true');
iframe.setAttribute('frameBorder', '0');
iframe.setAttribute('src', urlFrame);
iframe.setAttribute('style', 'height: ' + heightIniChatWolkvox + '!important ;width:' + widthIniChatWolkvox + '!important; position: fixed !important; right: 1% !important; bottom: 1% !important; z-index: 99999 !important; overflow: hidden !important;');
document.children[0].appendChild(iframe); /* create in page original */
/*document.children[0].children[1].appendChild(iframe);*/

function init() {
    var data = {
        "urlOrigen": urlOrigen,
        "sizeboton": sizeboton,
        "sizechat": "l",
        /*"sizechat": sizechat,*/
        "fullscreen": fullscreen,
        "idConfig": idConfig,
        "txt1": txt1,
        "txt2": txt2,
        "txt3": txt3,
        "txt4": txt4,
        "txt5": txt5,
        "txt6": txt6,
        "context": context,
        "height_mobile": height_mobile,
    };
    if (navigator.vendor != "") {
        document.frameChatWolkvox.postMessage(btoa(JSON.stringify(data)), "*");
    }
    else {
        window.frameChatWolkvox.postMessage(btoa(JSON.stringify(data)), "*");
    }
}