document.addEventListener("DOMContentLoaded", function() {

    var gadget = 'ask';
    console.log('Loading Beehelp widget '+gadget+'.');

    /* ---------- COMMUNICATION BETWEEN IFRAME & PARENT (to resize iframe) ---------- */

    window.addEventListener('message', function(event) {
        if (event.origin !== 'https://beehelp.net') {
            return;
        }
        var a_data = (event.data).split('|'); /* 670|ask --> ['670','ask']  */
        if (a_data.length != 2 || a_data[1]!='ask') return;
        var BeeHelpIframe = document.getElementById('beehelp_iframe_'+a_data[1]);
        BeeHelpIframe.style.height = parseInt(a_data[0]) + 'px';
    });

    /* ---------- CSS INFO OF THE PARENT DOCUMENT ---------- */

    /*
    var body = document.querySelector("body");
    var body_font = window.getComputedStyle(body).getPropertyValue("font-family");
    */

    /* ---------- ADDING THE IFRAME ---------- */

    var gadget = 'ask';
    var idb = '2';
    var Beehelp_iframe = document.createElement("iframe");
    Beehelp_iframe.id = "beehelp_iframe_"+gadget;
    Beehelp_iframe.src = "https://beehelp.net/inscripcion-online/cat/index.php?pag=m_faq&gad="+gadget+"&idb="+idb+"&iframe=1";
    Beehelp_iframe.width = "800px";
    Beehelp_iframe.height = "150px";
    Beehelp_iframe.allowTransparency = "true";
    Beehelp_iframe.scrolling = "no";
    Beehelp_iframe.style.border = "0";
    Beehelp_iframe.style = "margin:1rem auto;max-width:99%;background-color:transparent;overflow: hidden;border:none;";

    var Beehelp_div_wrapper = document.getElementById("beehelp_"+gadget);
    Beehelp_div_wrapper.style.textAlign="center";
    Beehelp_div_wrapper.appendChild(Beehelp_iframe);

});