var nbchat;
var oldchat;
var toutvar;

var linktmp = '';

var iconfont = '0';
var offre = 'xChat++';
var chat_id = 'bexter_170643714665171779';


function getNewChat(){
    let chatlink = 'https://xchat.bexter.fr/webchat.php?webchat_id=bexter&chat_id='+chat_id;

    if (chatlink != linktmp) {
        jQuery.ajax('https://xchat.bexter.fr/webview/getNewChat.php?webchat_id=bexter&id=bexter_170643714665171779&chat_id='+chat_id, {
            type: 'POST',
            success: function(result) {
                //console.log(result);
                if(result == 'NEW'){
                    openWebchat();
                }
            }
        });
    }

}

getNewChat();
setInterval(getNewChat, 5000);


function openWebchat() {
    clearTimeout(toutvar);
    let chatlink = 'https://xchat.bexter.fr/webchat.php?webchat_id=bexter&chat_id='+chat_id;
    //let currentLink = framechatsrc.location.href

    //console.log(chatlink, 'chatlink', linktmp, 'linktmp');


    if (chatlink == linktmp) {
        // console.log('ok');
        return;
    }

    framechatsrc.location= chatlink;
    linktmp = chatlink;


    jQuery('#webchat_notif').hide();
    jQuery('#webchat_iframe').show();
}

function closeWebChat() {
    clearTimeout(toutvar);
    jQuery('#webchat_iframe').hide();
    linktmp = 'https://xchat.bexter.fr/webview/wait.php';
    framechatsrc.location= 'https://xchat.bexter.fr/webview/wait.php'; // Pour arreter les maj
    jQuery('#webchat_notif').show();
    var tmout = 7 + '';

    if(tmout != '0'){
        jQuery.ajax('https://xchat.bexter.fr/admin/nochat.php', {
            type: 'POST',
            data: {'id': 'bexter_170643714665171779'},
            success: function(result) {
                //console.log('log', result);
            }
        });
    }

}


jQuery(window).load(function(){

    var htmlicon = `
            <div id="webchat_notif" style="position: relative; cursor: pointer; display: block;">
                <div style="position: absolute; width: 25px; height: 25px; top: 0px; right: 0px;"></div>
                <img alt="xChat Bexter : Chat pour poser vos questions" src="https://xchat.bexter.fr/webview/getPicto.php?webchat_id=bexter" onclick="openWebchat()">
                <div style="position: absolute; width: 25px; height: 25px; top: 0px; right: 30px; font-family: Helvetica, Arial, sans-serif; background: red none repeat scroll 0% 0%; font-size: 12px; color: white; border-radius: 100px; text-align: center; line-height: 25px; display: none; "></div>
            </div>
    `;
    if(iconfont == '1' || offre === 'xChat'){
        htmlicon = `
        <div id="webchat_notif" style="position: relative; cursor: pointer; display: block;">
                        <img src="https://xchat.bexter.fr/photo/bexter/picto.png" class="iconfont1" alt="xChat Bexter : Chat pour poser vos questions"  onclick="openWebchat()">        </div>
        `;
    }
    jQuery('#webchat').html(`
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
        <!-- <div id="webchat_container" style="position: fixed; padding: 10px; bottom: px;  z-index: 3000000; overflow: hidden; top: initial;"> -->
        <div id="webchat_container" style="position: fixed; padding: 10px; z-index: 3000000; overflow: hidden; top: initial;">
            `+ htmlicon +`
            <div id="webchat_iframe" style="display: none; background: white; border: solid 0px #eee; box-shadow: 0px 0px 10px #777; ">
                <iframe name="framechatsrc" id="webchatFrameImage" frameborder="no" style="width: 100%; height: 315px; margin-bottom: 0;"></iframe>
                <!-- <div style="position: absolute;left: 21.6em;top: .8em;width: 100%;z-index: 2000;"> -->
                <div class="copychat">&copy 2020 - <a href='https://www.bexter.fr/' target="_self" title='Solution internet'>xChat Bexter</a></div>
            <!-- <div style="position: absolute;left: 21.9em;top: 1.3em;width: 100%;z-index: 2000;"> -->
            <div style="position: absolute;left: 282px;top: 11px;width: 100%;z-index: 2000;">
                    <a href="#" onclick="closeWebChat()">
                        <img id="imgbtn" src="https://xchat.bexter.fr/images/times-solid1.png" width="16px" />
                        <!--<img id="imgbtn" src="https://xchat.bexter.fr/images/close.png" /> -->
                    </a>
                </div>
                </div>
        </div>
        <style>
            .iconfont {
                background-color: #1D4791;
                color: #FFFFFF;
                font-size: 35px;
                border-radius: 50% !important;
                padding: 14px 17px 16px 17px;
                box-shadow: 2px 3px 15px -7px black;
                transition: all ease 0.4s;
            }
            .iconfont:hover {
                opacity: 0.8;
            }
            .iconfont1 {
                /*box-shadow: 2px 3px 15px -7px black;*/
                transition: all ease 0.4s;
            }
            .iconfont1:hover {
                opacity: 0.8;
            }
            .copychat {
                width: 100%;
                font-size: 10px;
                text-align: center;
                height: 17px;
                line-height: 17px;
                margin-top: 0px;
                padding:0 0 5px 0;
                border-top: solid 1px #F0F0F0;
                color: black !important;
               /* border-top: solid 1px #F0F0F0;

                border-bottom-left-radius: 10px ;
                border-bottom-right-radius: 10px;
                background: #F5F5F5;  */
            }
            .fa-times {
                position: inherit;
                color: white;
                font-size: 15px;
                font-weight: normal;
            }
            .fa-times:hover {
                opacity: 0.8;
            }
            #imgbtn { margin-top: 10px; transition: all ease 0.4s;}
            #imgbtn:hover {opacity: .8;}
            #webchat_iframe, #webchatFrameImage{border-radius: 10px !important;}
            #webchat_container {
                bottom: 40px;
                left: auto; right: 5px;             }
            @media (max-width: 769px) {
                #webchat_container {
                    bottom: 40px !important;
                    left: auto; right: 5px;                 }
            }
        </style>
    `);

    var tmout = 7 + '000';
    console.log(tmout);
    if(tmout=='-1000') {
        openWebchat(); // sans attendre
    } else if(tmout != '0000'){
        toutvar = setTimeout(openWebchat, tmout);
    }



    <!-- <div style="float: right; margin-right: 10px;"> -->
    <!-- <div id="webchat_container" style="position: fixed; padding: 10px; bottom: 20px; left: auto; right: 20px; z-index: 1000000; overflow: hidden; top: initial;"> -->

})