var refreshCheckCode = function () {
    var checked_code = $("#captcha-pic");
    var src = checked_code.attr("src").split("?")[0];
    checked_code.attr("src", src + "?_=" + Math.random());
};
$(function () {
    var Awindow=$(window).width();
    var ewmUrl="/upload/ewm.png";
    var message="";
    var ewmCont='<div class="float_item div_weixinim" type="wx"><i class="float_wx"><img src="/temple/images/ewm.png" alt="微信二维码"  /></i><span>微信关注</span><div class="float_item_text float_item_text_wx"><p class="float_item_wx"><img src="/temple/images/ewm.png" alt="微信二维码"   /><span></span></p></div></div>';
    var messageCont='<div class="float_item reservation-btn"><a href="javascript:;"><i class="float_mess"></i><span>在线留言</span></a></div>';
    var messWindow='<div class="reservation-wapper">' +
        '   <div class="reservation">' +
        '       <div class="reservation-closed">×</div>' +
        '       <div class="reservation-title">' +
        '           <h3>在线留言</h3>' +
        '       </div>' +
        '       <form class="reservation-body" action="#" method="post" onsubmit="return false;">' +
        '           <div class="form-group">' +
        '               <label>联系人：</label>' +
        '               <input type="text" placeholder="请输入联系人" name="linkMan" id="linkMan"/>' +
        '               <span class="star">*</span>' +
        '           </div>' +
        '           <div class="form-group">' +
        '               <label>电话：</label>' +
        '               <input type="text" placeholder="请输入联系电话" name="contact" id="telephone" />' +
        '               <span class="star">*</span>' +
        '           </div>' +
        '           <div class="form-group">' +
        '               <label>邮箱：</label>' +
        '               <input type="text" placeholder="请输入邮箱" name="email" id="email" />' +
        '           </div>' +
        '           <div class="form-group">' +
        '               <label>留言内容：</label>' +
        '               <textarea name="msg" id="message" placeholder="请在此输入留言内容，我们会尽快与您联系。"></textarea>' +
        '               <span class="star">*</span>' +
        '           </div>' +
        '           <div class="form-group captcha-item">' +
        '               <label>验证码：</label>' +
        '               <input type="text" placeholder="验证码" name="vcode" id="captcha" />' +
        '               <img src="/msgb/A4TZITTaEFf810liwwMeXs/vf" class="refresh-captcha" id="captcha-pic" />' +
        '               <span class="star">*</span>' +
        '               <span class="refresh-captcha">换一张</span>' +
        '           </div>' +
        '           <div class="form-group">' +
        '               <input type="button" placeholder="提交" value="提交" class="reservation-submit" />' +
        '               <span class="submit-info">提交成功</span>' +
        '           </div>' +
        '       </form>' +
        '   </div>' +
        '</div>';
    var ifEwmCont=ewmUrl.length>0?ewmCont:'';
    var ifMessageCont=message.length>0?messageCont:"";
    var ifMessWindow=message.length>0?messWindow:"";
    var qqUrl=Awindow>1000?"http://wpa.qq.com/msgrd?v=3&uin="+qq+"&site=qq&menu=yes":"mqqwpa://im/chat?chat_type=wpa&uin="+qq+"&version=1&src_type=web";
    var telUrl=Awindow>1000?"javascript:;":"tel:"+mobile;

    var floatText = '' +ifMessWindow+
        '<div class="float_box" id="float_box">' +
        '   <div class="float_wrap">' +
        '       <div class="float_links">' +
        '           <div class="float_item to_top">' +
        '               <a href="javascript:;">' +
        '                   <i class="float_top"></i>' +
        '                   <span>返回顶部</span>' +
        '               </a>' +
        '           </div>' +
        '           <div class="float_item" type="qq">' +
        '               <a href="'+qqUrl+'" class="mob_qq2">' +
        '                   <i class="float_qq"></i><span>在线咨询</span>' +
        '               </a>' +
        '<div class="float_item_text">'+
        '<p class="float_item_qq">'+
        '在线咨询：<b class="qq">'+ qq+'</b>'+'<span></span>'+
    '</p>'+
    '</div>'+
        '           </div>' +
        '           <div class="float_item" type="tel">' +
        '               <a href="'+telUrl+'" class="mob_tel2">' +
        '                   <i class="float_tel"></i>' +
        '                   <span>电话咨询</span>' +
        '               </a>' +
        '<div class="float_item_text">'+
        '<p class="float_item_tel">客服热线：<b class="phone">'+mobile+'</b><span></span></p>'+
    '</div>'+
        '           </div>' +ifEwmCont+ifMessageCont+
        '       </div>' +
        '       <div class="float_toggle">' +
        '           <a href="javascript:;" class="toggle" title="展开/收起"></a>' +
        '       </div>' +
        '   </div>'+
        '</div>';
    /*弹窗*/
    $("body").append(floatText);

    $(".reservation-btn").on("click", function () {
        $(".submit-info").text("");
        $(".reservation-wapper").show();
    })
    $(".reservation-closed").on("click", function () {
        $(".reservation-wapper").hide();
    })

    $(".refresh-captcha").click(function () {
        refreshCheckCode();
    })

    $(".reservation-submit").click(function (e) {
        var linkMan = $("#linkMan").val();
        var telephone = $("#telephone").val();
        var message = $("#message").val();
        var captcha = $("#captcha").val();
        if (linkMan && telephone && message && captcha) {
            $.ajax({
                url: "/msgb/A4TZITTaEFf810liwwMeXs/smsg",
                type: "post",
                dataType: "json",
                data: $(".reservation-body").serialize(),
                success: function (json) {
                    if (json.s) {
                        $(".submit-info").text(json.m);
                        $(".submit-info").show();
                        $(".reservation-body").find("[name]").val("");
                        refreshCheckCode();
                    } else {
                        $(".submit-info").text(json.m);
                        $(".submit-info").show();
                        refreshCheckCode();
                        $(".reservation-body [name='vcode']").val("");
                    }
                },
                error: function () {
                }
            })
        } else {
            $(".submit-info").text("打*的为必填！");
            $(".submit-info").show();
        }
    })

    $(document).on("click",".float_toggle",function(){
        var hasClass = $(".float_box").hasClass("float_box_min");
        if (!hasClass) {
            $(".float_box").addClass("float_box_min");
        } else {
            $(".float_box").removeClass("float_box_min");
        }
    })

    if(Awindow>1000) {
        $(document).on("mouseover", ".float_item", function () {
            $('.float_item_text').hide();
            $(this).children(".float_item_text").show();
        })
        $(document).on("mouseover", ".float_item_text", function () {
            $(this).show();
        })
        $(document).on("mouseout", ".float_item", function () {
            $(this).children(".float_item_text").hide();

        })
        $(document).on("mouseout", ".float_item_text", function () {
            $(this).hide();
        })
    }


    /*to_top*/
    $(document).on("click",".to_top",function(){
        $('body,html').animate({scrollTop:0},500);
    })
    $(window).scroll(function(){
        if ($(window).scrollTop()>100){
            $(".float_wrap").addClass("float_links_allow_gotop");
            $(".float_wrap .to_top").show();
        }else{
            $(".float_wrap").removeClass("float_links_allow_gotop");
            $(".float_wrap .to_top").hide();
        }
    })

})