var hkbc_user = hkbc_user('guest');
var hkbc_title = window.location.href + ', ' + document.title;
var hkbc_m = "";
var hkbc_channel = "";
var hkbc_cekmob = hkbc_checkmobile();
var hkbc_bkname = "";
var hkbc_bkstatus = "";



var hkbc_url = "https://hkbchat.com/chatapifront?user=" + hkbc_user + "&key=3d9b9a062a7233389824e66c78d916d2&prov=10006&title=" + hkbc_title + "&m=" + hkbc_m + "&cekmob=" + hkbc_cekmob+ "&bkname=" + hkbc_bkname+ "&bkstatus=" + hkbc_bkstatus+ "&channel=" + hkbc_channel;
var hkbc_url2 = "https://hkbchat.com/chatapi?user=" + hkbc_user + "&key=3d9b9a062a7233389824e66c78d916d2&prov=10006&t=" + hkbc_title+ "&bkname=" + hkbc_bkname+ "&bkstatus=" + hkbc_bkstatus;


var hkbc_urliresize = "https://hkbchat.com/js/iframeresize/iframeResizer.min.js";


! function(t, n) {
    t = t || "docReady";
    var e = [],
        o = !1,
        d = !1;

    function a() {
        if (!o) {
            o = !0;
            for (var t = 0; t < e.length; t++) e[t].fn.call(window, e[t].ctx);
            e = []
        }
    }

    function c() {
        "complete" === document.readyState && a()
    }(n = n || window)[t] = function(t, n) {
        if ("function" != typeof t) throw new TypeError("callback for docReady(fn) must be a function");
        o ? setTimeout(function() {
            t(n)
        }, 1) : (e.push({
            fn: t,
            ctx: n
        }), "complete" === document.readyState ? setTimeout(a, 1) : d || (document.addEventListener ? (document.addEventListener("DOMContentLoaded", a, !1), window.addEventListener("load", a, !1)) : (document.attachEvent("onreadystatechange", c), window.attachEvent("onload", a)), d = !0))
    }
}("docReady", window);



hkbc_loadScript(hkbc_urliresize, function() {

    docReady(function() {



        hkbc_checkpopup();
        var diviframe = document.createElement('div');
        var iframe = document.createElement('iframe');

        diviframe.setAttribute('id', 'chatboxframe2');



     


        if (hkbc_channel == 1 || hkbc_channel == '') {

       
             diviframe.setAttribute('style', 'outline:none!important;visibility:visible!important;resize:none!important;box-shadow:none!important;overflow:visible!important;background:none transparent!important;opacity:1!important;position:fixed!important;border:0px!important;min-height:auto!important;min-width:auto!important;max-height:none!important;max-width:none!important;padding:0px!important;margin:0px!important;transition-property:none!important;transform:none!important;z-index:999999999!important;grab:auto!important;float:none!important;display:block!important;');
        document.body.appendChild(diviframe);
   




        }else{

          diviframe.setAttribute('style', 'outline:none!important;visibility:visible!important;resize:none!important;box-shadow:none!important;overflow:visible!important;background:none transparent!important;opacity:1!important;position:fixed!important;border:0px!important;min-height:auto!important;min-width:auto!important;max-height:none!important;max-width:none!important;padding:0px!important;margin:0px!important;transition-property:none!important;transform:none!important;z-index:999999999!important;grab:auto!important;float:none!important;display:none!important;');
        document.body.appendChild(diviframe);

        
    } 


            iframe.setAttribute('style', 'outline:none!important;visibility:visible!important;resize:none!important;box-shadow:none!important;overflow:visible!important;background:none transparent!important;opacity:1!important;top:auto!important;right:2px!important;bottom:0!important;left:auto!important;position:fixed!important;border:0px!important;min-height:auto!important;min-width:auto!important;max-height:none!important;max-width:none!important;padding:0px!important;margin:0px!important;transition-property:none!important;transform:none!important;z-index:999999998!important;cursor:auto!important;float:none!important;display:block!important;');

            iframe.setAttribute('id', 'chatboxframe');
           
            document.getElementById("chatboxframe2").appendChild(iframe);




            iframe.setAttribute('src', hkbc_url);
            iFrameResize({
                log: false,
                checkOrigin: false,
                autoResize: false,
                sizeWidth: true,
                resizedCallback: function(messageData) {
                    var e1 = document.getElementById("chatboxframe2");
                    var e = document.getElementById("chatboxframe");
                    var rect = e.getBoundingClientRect();

                    if (messageData.height == 385) {
                   
                        e1.style.width = '230px';
                        e1.style.height = '20px';
                        e1.style.top = rect.offsetTop + 'px';
                        e1.style.left = rect.left + 'px';
                    } else if (messageData.height == 0) {
                     
                        e.style.height = '190px';
                    } else {
                   
                        e1.style.width = '0px';
                        e1.style.height = '0px';
                    }

                }
            }, '#chatboxframe');

             var anchors = document.getElementsByClassName('footer-livechat-logo');
        for(var i = 0; i < anchors.length; i++) {
            var anchor = anchors[i];
        
                anchor.onclick = function() {
                  
                    var x = document.getElementById("chatboxframe2");
                     var y = document.getElementById("chatboxframe");
                        
                            x.style.display = "block";
                            
                            
                                 y.style.width = '290px';
                                  y.style.height = '385px';
                        
                          
                          

                }
            
        }




            //hkbc_dragElement(document.getElementById(("chatboxframe2")));
        


    });




});





function hkbc_loadScript(url, callback) {
    var script = document.createElement("script")
    script.type = "text/javascript";
    script.async = true;
    if (script.readyState) { //IE
        script.onreadystatechange = function() {
            if (script.readyState === "loaded" || script.readyState === "complete") {
                script.onreadystatechange = null;
                callback();
            }
        };
    } else { //Others
        script.onload = function() {
            callback();
        };
    }

    script.src = url;
    document.getElementsByTagName("head")[0].appendChild(script);
}

function hkbc_user(user, callback) {

    if (user == 'guest') {
        if (hkbc_getCookie('visit2')) {
            user = hkbc_getCookie('visit2');
        } else {

            var cryptoObj = window.crypto || window.msCrypto;

            if (cryptoObj) {
                var array = new Uint32Array(1);
                cryptoObj.getRandomValues(array)
                var randnum = array[0];
            } else {
                var randnum = (Math.floor(Math.random() * 100000000)).toString();
            }


            pad = '00000000';
            randomint = (pad + randnum).slice(-pad.length);
            user = '' + randomint;
            hkbc_setCookie('visit2', user, 1);

        }


    }
    return user;
}





function hkbc_checkmobile() {
    var check = false;
    (function(a) {
        if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) check = true;
    })(navigator.userAgent || navigator.vendor || window.opera);
    return check;
};

function hkbc_setCookie(cname, cvalue, exhours) {
    var d = new Date();
    d.setTime(d.getTime() + (exhours * 60 * 60 * 1000));
    var expires = "expires=" + d.toUTCString();
    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}

function hkbc_getCookie(cname) {
    var name = cname + "=";
    var decodedCookie = decodeURIComponent(document.cookie);
    var ca = decodedCookie.split(';');
    for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') {
            c = c.substring(1);
        }
        if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
        }
    }
    return "";
}


function hkbc_checkpopup() {
    var userAgent = window.navigator.userAgent.toLowerCase(),
        safari = /safari/.test(userAgent);

    if (!Array.from) {


        hkbc_delegate(document, "click", ".hkbc-popupchat", function(event) {
            id = 'newchatwindow';
            if (!safari) {
                window.webkit.messageHandlers.tag.postMessage("livechat");
              
            }

            eval("page" + id + " = window.open(hkbc_url2, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=1,width=400,height=550,left = 100,top = 134');");
        });



    } else {
        var hkbc_clicked = document.getElementsByClassName("hkbc-popupchat");
        Array.from(hkbc_clicked).forEach(function(ele) {
            ele.addEventListener('click', function(event) {
                hkbc_id = 'newchatwindow';
                if (!safari) {
                    window.webkit.messageHandlers.tag.postMessage("livechat");
                    
                }

                eval("page" + hkbc_id + " = window.open(hkbc_url2, '" + hkbc_id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=1,width=400,height=550,left = 100,top = 134');");

            });
        })



    }
}

function hkbc_delegate(el, evt, sel, handler) {
    el.addEventListener(evt, function(event) {
        var t = event.target;
        while (t && t !== this) {
            if (t.msMatchesSelector(sel)) {
                handler.call(t, event);
            }
            t = t.parentNode;
        }
    });
}



function hkbc_dragElement(elmnt) {
    var pos1 = 0,
        pos2 = 0,
        pos3 = 0,
        pos4 = 0;
    if (document.getElementById(elmnt.id + "header")) {

        document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
    } else {

        elmnt.onmousedown = dragMouseDown;
    }

    function dragMouseDown(e) {
        e = e || window.event;

        pos3 = e.clientX;
        pos4 = e.clientY;
        document.onmouseup = closeDragElement;

        document.onmousemove = elementDrag;
    }

    function elementDrag(e) {
        e = e || window.event;

        pos1 = pos3 - e.clientX;
        pos2 = pos4 - e.clientY;
        pos3 = e.clientX;
        pos4 = e.clientY;

        elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
        elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
    }

    function closeDragElement() {

        document.onmouseup = null;
        document.onmousemove = null;
    }
}