var a = encodeURIComponent(document.referrer);
var cururl = encodeURIComponent(window.location.href);
var webtitle = encodeURIComponent(document.title);
var loginid = 0;
var ulid = 0;
if (document.getElementsByName('loginid').length > 0) {
    loginid = document.getElementsByName('loginid')[0].value;
}

var chathtml = '';
if(typeof(jQuery)=="undefined"){
    chathtml += '<script type="text/javascript" src="http://im.houxue.com/asset/js/jquery.min.js"></script>'
}

if (getLoginCookie('userid')) {
    ulid = getLoginCookie('userid');
}

function getLoginCookie(c_name) {
    if (document.cookie.length > 0) {
        c_start = document.cookie.indexOf(c_name + "=");
        if (c_start != -1) {
            c_start = c_start + c_name.length + 1;
            c_end = document.cookie.indexOf(";", c_start);
            if (c_end == -1) c_end = document.cookie.length;
            return unescape(document.cookie.substring(c_start, c_end))
        }
    }
    return ""
}


chathtml += '<div id="service_logo" style="width:115px; height:127px; background:url(http://im.houxue.com/asset/images/pc/dialog/service.gif) no-repeat; position:fixed; left:0;font: 14px Arial,Verdana,"Pingfang SC","SimHei","STXihei","STHeiti","Tahoma","Simsun","Hiragino Sans GB","Hiragino Sans GB W3","Verdana";z-index:1200;cursor:pointer;" onclick="openchatboxes();">';
chathtml += '<a  style="display: block;width:100px;height: 30px;position: absolute;left: 0;bottom: 0;text-decoration: none;color: #666;cursor:pointer;"></a>';
chathtml += '</div>';
chathtml += '<div id="kfdialog" class="service_box" style="width: 436px;height: 172px;background: #1c92d8;border-radius: 4px;margin: 0 auto;overflow: visible;z-index: 10088; position: fixed; top: 180px; left: 475px;display: none;">';
chathtml += '<div class="service_body" style="background: url(http://im.houxue.com/asset/images/pc/dialog/service_box.png) no-repeat 32px 23px;color: #fff;padding-left: 32px;width: 256px;padding-top: 65px;font-size: 14px;line-height: 20px;position:relative;">';
chathtml += '<p>您好，我是在线客服，请问您想咨询什么课程？让专业的课程老师帮您选课！</p>';
chathtml += '<a class="consultation" onclick="openchatboxes();" style="display: block;width: 118px;height: 30px;line-height: 30px;background: #fff000;text-align: center;color: #28282e;border-bottom: 2px solid #c9bd04;border-radius: 2px;font-size: 15px;font-weight: bold;text-decoration: none;cursor:pointer;margin-top:10px;">立即咨询></a>';
chathtml += '<span class="tel_400" style="position: absolute;color: #fff000;font-weight: bold;font-size: 16px;font-style: oblique;bottom: 6px;left: 158px;">400-1174-988</span>';
chathtml += '</div>';
chathtml += '<i class="service_box_bg" style="width: 126px;height: 183px;background: url(http://im.houxue.com/asset/images/pc/dialog/service_box_bg.png) no-repeat;position: absolute;bottom: 0;right: 15px;"></i>';
chathtml += '<a class="close" onclick="closeandshow()" style="display: block;width: 26px;height: 24px;background: url(http://im.houxue.com/asset/images/pc/dialog/close.png) no-repeat;position: absolute;top: 0;right: 0;text-decoration: none;color: #666;cursor:pointer;"></a>';
chathtml += '</div>';
document.write(chathtml);

function kf_elem_id(id) {
    return document.getElementById(id);
}


var openurl = "";

var href = window.location.href;
var id = href.match(/\/kecheng\/(\d+).html/);
var id1 = href.match(/\/kecheng\/(\d+)\//);
var pageid = 0;
var workid = '';
if (id) {
    pageid = id[1];
}
if (id1) {
    pageid = id1[1];
}
if (pageid <= 0 && loginid<= 0) {
    webtitle = '';
}
if(loginid<=0){
    var sid =href.match(/\/xuexiao\/(\d+)\/(\w+).htm/);
    if(sid){
        if (sid) {
            loginid= sid[1];
        }
    }
}
if (openurl != "") {
    openurl += '&sl=' + loginid + '&pg=' + pageid + '&r=' + a + '&webtitle=' + webtitle + '&ulid=' + ulid + '&cururl=' + cururl;
}




if(pageid > 0){
setTimeout(function () {
    kf_elem_id("kfdialog").style.display = "";
}, 3000);
}

var g_kf_speed = 0;
var g_kf_offsetTop = 0;
window.onload = function () {
    if(kf_elem_id("kfdialog")){
        kf_dialog(kf_elem_id("kfdialog"));
    }
    $('#service_logo').css('top', parseInt((document.documentElement.clientHeight-document.getElementById('service_logo').offsetHeight)/2));
    g_kf_offsetTop = document.getElementById('service_logo').offsetTop;
    $(window).scroll(function(){
        var oDiv=document.getElementById('service_logo');
        var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;
        startMove(parseInt((document.documentElement.clientHeight-oDiv.offsetHeight)/2+scrollTop));
    });
};


function startMove(iTarget)
{
    if (g_kf_speed !== 0) return false;
    var oDiv=document.getElementById('service_logo');
    g_kf_speed = (iTarget - oDiv.offsetTop) / 4;
    g_kf_speed = g_kf_speed > 0 ? Math.ceil(g_kf_speed) : Math.floor(g_kf_speed);
    if (g_kf_speed > 40) g_kf_speed = 40;
    else if (g_kf_speed < -40) g_kf_speed = -40;
    $('#service_logo').animate({top: oDiv.offsetTop + g_kf_speed}, 500, function(){
        $('#service_logo').animate({top: g_kf_offsetTop}, 500);
        g_kf_speed = 0;
    });
}
function kf_dialog(dv){
    var Drag=false;
    var x=y=0;
    dv.onmousedown=function(e){
        var d=document;
        e = e || window.event;
        Drag=true;
        var x=e.clientX-dv.offsetLeft; //获取当前框内点击点对元素左边的最短距离
        var y=e.clientY-dv.offsetTop; //获取当前框内点击点对元素上边的最短距离
//设置捕获范围
        if(dv.setCapture){
            dv.setCapture();
        }else if(window.captureEvents){
            window.captureEvents(Event.MOUSEMOVE | Event.MOUSEUP);
        }
        d.onmousemove=function(event){
            if (!Drag) return;
            var event=event || window.event;
            var itemL=event.clientX-x; //当鼠标在文本中移动时，鼠标的X坐标 - 前面获得的当前点击点与元素左边界的距离，获得itemL值
            var itemT=event.clientY-y; //同上，获取itemT值
//元素最大left/top值为：“获取文件的最大宽、高” - “元素自身（对应父元素：整个文件）的宽、高”
            var maxL=document.documentElement.clientWidth-dv.offsetWidth;
            var maxT=document.documentElement.clientHeight-dv.offsetHeight;
//设置当去到边缘时，元素的宽、高如何取值（取为0 或 最大值）
            if (itemL<0){itemL=0}
            if (itemL>maxL){itemL=maxL}
            if (itemT<0){itemT=0}
            if (itemT>maxT){itemT=maxT}

//将获取的值设为元素的left 和 width 属性
            dv.style.left=itemL+"px";
            dv.style.top=itemT+"px";
        };
        d.onmouseup=document.onmouseup=window.onblur=function(){
//取消捕获范围
            if(dv.releaseCapture){
                dv.releaseCapture();
            }else if(window.captureEvents){
                window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
            }
//清除事件
            d.onmousemove=null;
            d.onmouseup=null;
            Drag=false;
        };
    };
}


function openchatboxes() {
    if (openurl == '') {
        return;
    }
    var iWidth = 680;                          //弹出窗口的宽度;
    var iHeight = 530;                        //弹出窗口的高度;
    var iTop = (window.screen.availHeight - 30 - iHeight) / 2;       //获得窗口的垂直位置;
    var iLeft = (window.screen.availWidth - 10 - iWidth) / 2;           //获得窗口的水平位置;
    window.open(openurl, 'newchat', 'height=' + iHeight + ',innerHeight=' + iHeight + ',width=' + iWidth + ',innerWidth=' + iWidth + ',top=' + iTop + ',left=' + iLeft + ',toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no,status=no,z-look=yes,alwaysRaised=yes,depended=yes,hotkeys=yes');
    return false;
}
function closeandshow() {
    kf_elem_id("kfdialog").style.display = "none";
}