function smUrl() {
        return "https://chat.wibufile.com";
    }
    
    var socb = "#eee";
    var soct = "#111";
    var socr = "#ddd";
    
    smRunning = 0;

function smRun() {
    if (smRunning) return;
    smRunning = 1;

    let elm = document.getElementById('socomment');
    if (!elm) return;
    let data = elm.getAttribute("data");

//    let bcolor = elm.style.backgroundColor;
//    let tcolor = elm.style.color;
//    let rcolor = elm.style.borderColor;

//    let bcolor = window.getComputedStyle(elm).getPropertyValue("background-color");
//   let tcolor = window.getComputedStyle(elm).getPropertyValue("color");
//    let rcolor = window.getComputedStyle(elm).getPropertyValue("border-color");

//    let bcolor = '#222';
//    let tcolor = '#ddd';
//    let rcolor = '#666';

    let bcolor = socb;
    let tcolor = soct;
    let rcolor = socr;

    elm.style = 'display:block; width:100%; height:auto; max-height:auto; overflow-x:hidden; overflow-y:visible; padding:0;';

    elm.innerHTML = '<iframe src="' + smUrl() + '/embed/?i=' + encodeURIComponent(data) + '&b=' + encodeURIComponent(bcolor) + '&t=' + encodeURIComponent(tcolor) + '&r=' + encodeURIComponent(rcolor) + '&l=' + encodeURIComponent(window.location.href) +
        '" style="display:block; width:100%; height:0px; max-height:auto; overflow-x:hidden; overflow-y:visible; border:none 0px; background: ' + bcolor + '; color: ' + tcolor + '; border-color: ' + rcolor + ';">iframe not available</iframe>';

    window.addEventListener('message', function(e) {
        if (!e || !e.data) return;
        let elm = document.querySelector('#socomment > iframe');
        if (!elm) return;
        elm.is_showing = 1;
        let msg = JSON.parse(e.data);
        if (!msg.height) return;
        elm.style.height = msg.height + 16 + 'px';
    });

}


setInterval(function () {

    let elm = document.querySelector('#socomment > iframe');
    if (!elm) {
        smRun();
        return;
    }

    if (!elm.is_showing) {
        elm.src += '';
        return;
    }

    
/*
    let e = document.getElementById('socomment');
    if (!e) return;

    let bcolor = window.getComputedStyle(e).getPropertyValue("background-color");
    let tcolor = window.getComputedStyle(e).getPropertyValue("color");
    let rcolor = window.getComputedStyle(e).getPropertyValue("border-color");

    elm.contentWindow.postMessage('{"bcolor": "' + bcolor + '", "tcolor": "' + tcolor + '", "rcolor": "' + rcolor + '"}', '*');
    
*/
}, 10000);


window.addEventListener("DOMContentLoaded", function() {   
    smRun();
});