var bnd_token=0;
var bnd_llave=0;
var bnd_clave=0;

function fn_start_chat_embed(token,llave,clave)
{
    if (token == '' || llave == '')
        return;

    $.ajax({
        url: "https://billpocket.clearcom.mx/Clientes/ChatWeb/chat_embed.php",
        type: "POST",
        cache: false,
        async: true,
        data: {token:token,llave:llave,clave:clave},
        dataType: "html",
        beforeSend: function () {
            $("#mycc-chat-embed").remove();

            if ( $("#mycc-chat-embed").length == 0 )
                $("<div>").attr("id", "mycc-chat-embed").appendTo($("body"));

            if ( $("#mycc-btn-chat").length == 0 )
                $("<div>").attr("id", "mycc-btn-chat").appendTo($("body"));
        },
        success: function (resultado)
        {
            if(resultado == 0){
                $("#mycc-chat-embed").remove();
                $("#mycc-btn-chat").remove();
            }
            else{
                if(bnd_token == 0)
                    $("#mycc-chat-embed").addClass('mycc-hide-chat-if'); // --> inicio oculta chat
                else
                    $("#mycc-chat-embed").removeClass('mycc-hide-chat-if'); // --> mostrar chat
                              
                $("#mycc-chat-embed").append("<iframe id='mycc-if-chat' class='mycc-chat-web'><iframe/>");
                $("#mycc-if-chat").attr("allowfullscreen", "");
                $("#mycc-if-chat").attr("scrolling", "no");
                $("#mycc-if-chat").attr("frameborder", 0);
                $("#mycc-if-chat").attr("srcdoc", resultado);

                $("#mycc-btn-chat").html('<div class="mycc-container-logo"><img src="https://mycontactcenter.mx/Clientes/ChatWeb/chat_img.png"></div>')
                $("#mycc-btn-chat").attr('onclick', 'fn_hide_chat()');
                $("#mycc-btn-chat").addClass('mycc-chat-web-btn');
                bnd_token=token;
                bnd_llave=llave;
                bnd_clave=clave;
            }
        },
        error: function (obj, textStatus, errorThrown)
        {
            console.log("Tipo de error: " + obj.status + "\nDescripci&oacute;n: " + errorThrown);
        }
    });

}


function fn_hide_chat()
{
    $('#mycc-chat-embed').toggleClass('mycc-hide-chat-if');
    
    if (!$("#mycc-chat-embed").hasClass('mycc-hide-chat-if')){
        
        if($("#mycc-if-chat").contents().find("#id_start_chat").length > 0){
            //document.getElementById("mycc-if-chat").contentWindow.location.reload();
            fn_start_chat_embed(bnd_token,bnd_llave,bnd_clave);
        }
    }
}