$(function () {
    var serviceHtml = "<div id='serviceDiv'><div class='serviceHandler'>客<br>服<br>中<br>心<br><span></span></div><div class='serviceContent'><div class='serviceTitle'>客户咨询</div><div class='serviceLink'><ul><li class='olan'><span><a target='_blank' href='http://wpa.qq.com/msgrd?v=3&amp;uin=237709336&amp;site=ntzhaopin.com&amp;menu=yes'>在线咨询</a></span></li><li class='olan'><span><a target='_blank' href='http://wpa.qq.com/msgrd?v=3&amp;uin=124418917&amp;site=ntzhaopin.com&amp;menu=yes'>投资合作</a></span></li><li class='tel'>400-1108-123</li><li class='tel'>地区加盟：0513-68291299</li><li class='tel'>个人服务：0513-68291289</li><li class='tel'>企业服务：0513-68291288</li><li class='eml'>ntzhaopin@ntzhaopin.com</li><li class='onlrep'>在线反馈：<a target='_blank' href='../../About/Feedback'>提交问题</a></li></ul></div></div></div>";
    var serviceTimer;
    var windowWidth = $(window).width();
    var serviceLeft = (windowWidth - 28) + "px";
    var serviceTop = "100px";

    $("#serviceDiv").live("mouseover", function () {
        if (!$("#serviceDiv").is(":animated")) {  //判断元素是否正处于动画状态
            $("#serviceDiv").animate({ "left": (windowWidth - $("#serviceDiv").width()) + "px" }, 200);
        }
    }).live("mousemove", function () {
        $("#serviceDiv").clearQueue();
    }).live("mouseleave", function () {
        $("#serviceDiv").animate({ "left": serviceLeft }, 200);
    });

    $(window).scroll(function () {
        scrollTop = $(window).scrollTop();
        serviceLeft = (windowWidth - 28) + "px";
        clearTimeout(serviceTimer);
        serviceTimer = setTimeout(function () {
            $("#serviceDiv").animate({ "top": (scrollTop + 100) + "px", "left": serviceLeft }, 200);
        }, 50);
    }).resize(function () {
        scrollTop = $(window).scrollTop();
        windowWidth = $(window).width();
        serviceLeft = (windowWidth - 28) + "px";
        $("#serviceDiv").css({ "top": (scrollTop + 100) + "px", "left": serviceLeft });
    });

    $(serviceHtml).appendTo("body").show().css({ "left": serviceLeft, "top": serviceTop });
});