// 创建QQ客服悬浮窗
document.write("<div class='QQbox' id='divQQbox'>");
document.write("<a target=\"_blank\" href=\"http://wpa.qq.com/msgrd?v=3&uin=454030705&site=qq&menu=yes\">");
document.write("<img border=\"0\" src=\"http://wpa.qq.com/pa?p=2:454030705:53\" alt=\"点击这里给我发消息\" title=\"点击这里给我发消息\">");
document.write("</a>");
document.write("</div>");

// 初始化悬浮提示
function initFloatTips() {
    // 悬浮窗已通过CSS固定在左侧居中，无需JavaScript动态调整位置
}

// 鼠标悬停显示在线客服
function OnlineOver() {
    var divMenu = document.getElementById("divMenu");
    var divOnline = document.getElementById("divOnline");
    var divQQbox = document.getElementById("divQQbox");
    
    if (divMenu) divMenu.style.display = "none";
    if (divOnline) divOnline.style.display = "block";
    if (divQQbox) divQQbox.style.width = "145px";
}

// 鼠标移出隐藏在线客服
function OnlineOut() {
    var divMenu = document.getElementById("divMenu");
    var divOnline = document.getElementById("divOnline");
    
    if (divMenu) divMenu.style.display = "block";
    if (divOnline) divOnline.style.display = "none";
}

// 隐藏消息框 - 兼容不同浏览器
function hideMsgBox(theEvent) {
    var divMenu = document.getElementById("divMenu");
    var divOnline = document.getElementById("divOnline");
    
    if (theEvent) {
        var browser = navigator.userAgent;
        var targetElement = null;
        
        // Firefox浏览器兼容
        if (browser.indexOf("Firefox") > -1) {
            targetElement = theEvent.relatedTarget;
        }
        // IE浏览器兼容
        else if (browser.indexOf("MSIE") > -1 || browser.indexOf("Trident") > -1) {
            targetElement = theEvent.toElement || theEvent.relatedTarget;
        }
        // 其他现代浏览器
        else {
            targetElement = theEvent.relatedTarget;
        }
        
        // 检查是否在目标元素内
        if (divOnline && targetElement && divOnline.contains(targetElement)) {
            return;
        }
    }
    
    // 执行隐藏操作
    if (divMenu) divMenu.style.display = "block";
    if (divOnline) divOnline.style.display = "none";
}

// 页面加载完成后初始化
if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initFloatTips);
} else {
    initFloatTips();
}