// 移动nav
const toggleButton = document.querySelector(".but");
const heimu = document.querySelector(".heimu");

toggleButton.addEventListener("click", function () {
  const nav = document.querySelector("nav");
  if (heimu.style.display === "none" || heimu.style.display === "") {
    showNav(nav);
  } else {
    hideNav(nav);
  }
});
document.querySelector(".heimu").addEventListener("click", function () {
  const nav = document.querySelector("nav");
  hideNav(nav);
});
function showNav(nav) {
  heimu.style.display = "block";
  nav.style.display = "block";
  nav.style.animation = "slideIn 0.5s forwards";
  toggleButton.src = "./image/close.svg";
}
function hideNav(nav) {
  heimu.style.display = "none";
  nav.style.animation = "slideOut 0.5s forwards";
  setTimeout(function () {
    nav.style.display = "none";
  }, 500);
  toggleButton.src = "images/nav.png";
}
// 初始状态下设置 toggleButton 图标
if (heimu.style.display === "none") {
  toggleButton.src = "./image/close.svg";
} else {
  toggleButton.src = "images/nav.png";
}
  
// 在窗口大小变化时检测并执行
// window.addEventListener('resize', executeOnSmallScreen);
// function executeOnSmallScreen(){
    
// }
// if (window.innerWidth > 768) {
//   const nav = document.querySelector("nav");
//   nav.style.display != 'none'
// }




$(".fangkuang img").each(function(){
// alert(this.alt)
var html = "<i class='imgalt'>"+this.alt+"</i>"
var s =$(this).after(html)
})

// $(function(){
// var nav=$("nav"); //得到导航对象
// var win=$(window); //得到窗口对象
// var sc=$(document);//得到document文档对象。
// win.scroll(function(){
//   if(sc.scrollTop()>=80){
//       nav.removeClass('fixednava'); 
//     nav.addClass("fixednav"); 
// //   $("nav").fadeIn(); 
//   }else{
//       nav.removeClass('fixednav'); 
//       nav.addClass('fixednava'); 
//     //   $("nav").fadeIn(); 
//   }
// })  
// })

// $(function(){
// var nav=$(".tab-nursing"); //得到导航对象
// var win=$(window); //得到窗口对象
// var sc=$(document);//得到document文档对象。
// win.scroll(function(){
//   if(sc.scrollTop()>=600){
//     //   nav.removeClass('fixednava'); 
//     nav.addClass("tab-nursinga"); 
//   $("nav").fadeIn(); 
//   }else{
//       nav.removeClass('tab-nursinga'); 
//     //   nav.addClass('fixednava'); 
//       $("nav").fadeIn(); 
//   }
// })  
// })


// 表单,验证码

 var btn = document.querySelector("#btn7")
		var username = document.querySelector("#username")
		var age = document.querySelector("#age")
		var sex = document.querySelector("#sex")
		var open = document.querySelector("#open")
		var sch = document.querySelector("#sch")
		var textarea = document.querySelector("#textarea")
		var newname = document.querySelector("#newname")
		var phone = document.querySelector("#phone")
		var code = document.querySelector("#verCode")
		var scheel = document.querySelector("#scheel")

		$('#btn7').click(function() {
			const usernameval = username.value.trim()
			const newnameval = newname.value.trim()
			const mobile = phone.value.trim()
			const userinfo = code.value.trim()
			const ageval = age.value.trim()
			const sexval = sex.value.trim()
			const schval = sch.value.trim()
			const textareaval = textarea.value.trim()
			const openval = open.value.trim()
			const scheelval = scheel.value.trim()
			var data = {
				'name': usernameval,
				'contacts': newnameval,
				'contacts_tel': mobile,
				'code': userinfo,
				'age': ageval,
				'sex': sexval,
				'living_ability': openval,
				'budget': schval,
				'health': textareaval,
				'relationship': scheelval
			};
			$.ajax({
				url: 'http://yl.jnbinzang.com/api/guestbook',
				type: 'POST',
				data: JSON.stringify(data),
				contentType: "application/json", 
				dataType: "json",
				success: function(res) {
					console.log(res)
					if(res.code===200){
					    alert('提交成功')
					}
				// 	console.log(res.arr)
				// 	console.log(res.code)
				}
			})
		})


// 验证码
            var counts = 60;
			function settime(val) {
				if (counts == 0) {
					val.removeAttribute("disabled");
					val.value = "获取验证码";
					counts = 60;
					return false;
				} else {
					val.setAttribute("disabled", true);
					val.value = "重新发送（" + counts + "）";
					counts--;
				}
				setTimeout(function() {
					settime(val);
				}, 1000);
			}

			//获取验证码
			$(function() {
				$("#verCodeBtn").click(function() {
					var userinfo = {
						"mobile": $("input[name='phone']").val()
					}
					$.ajax({
						url: "http://yl.jnbinzang.com/api/sendSms",
						type: "post",
					    data: userinfo,
				        dataType: "json",
						success: function(data) {
						     if( userinfo.mobile === '86//') {
                                   alert("验证码发送失败")
                              } else {
                             alert("验证码发送成功，请耐心等待")
                                }
						  //	alert("验证码发送成功，请耐心等待")
						},
						error: function() {
							alert("发送失败");
						}
					});
				});
			})
			




// 轮播
var swiper = new Swiper(".mySwiper", {
    loop:true,
    navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
    },
});
//   var swiper2 = new Swiper(".mySwiper2", {
//         loop: true,
//         spaceBetween: 10,
//         slidesPerView: 4,
//         freeMode: true,
//         watchSlidesProgress: true,
//       });
      
      var swiper3 = new Swiper(".mySwiper3", {
        loop: true,
        spaceBetween: 10,
        navigation: {
          nextEl: ".swiper-button-next",
          prevEl: ".swiper-button-prev",
        },
        thumbs: {
          swiper: swiper,
        },
      });
  var list = document.getElementsByClassName("smallImg")
       for(var i = 0;i<list.length;i++){
           list[i].onclick = function(){
               document.getElementsByClassName("bottomImg")[0].src=this.src
               document.querySelector("h3").innerHTML = this.title
           }
       }
    //   nav切换
    
            $('nav a').each(function () {
                $(this).removeClass('current')
                if ($($(this))[0].href == String(window.location))
                // $(this).addClass('current').attr('href', 'javascript:void(0);');
                 $(this).addClass('current')
            });
   
        
      
// app旅居切换
$(document).ready(function() {
    $(".ct:gt(0)").hide();
    $(".box_lj ul li").click(function() {
        $(this).addClass("one").siblings().removeClass();
        //获取当前标签的索引值
        var content_idnex = $(".box_lj ul li").index(this);
        $(".ct").eq(content_idnex).show().siblings().hide();
    });
});
// 社区/居家服务中心推荐切换
$(".qiehuan2").mousemove(function() {
        $(".qiehuan2 img").attr("src", "./image/fanhuiliebiao.png");
    })
    .mouseout(function() {
        $(".qiehuan2 img").attr("src", "./image/heiheihei.png");
    });
// 社区/居家服务中心推荐切换
$(".tui_content_banxin")
    .eq(0)
    .mousemove(function() {
        $(".tui_content_banxin h4 img").eq(0).attr("src", "./images/1a.png");
    })
    .mouseout(function() {
        $(".tui_content_banxin h4 img").eq(0).attr("src", "./images/tuceng 11.png");
    });

$(".tui_content_banxin")
    .eq(1)
    .mousemove(function() {
        $(".tui_content_banxin h4 img").eq(1).attr("src", "./images/4b.png");
    })
    .mouseout(function() {
        $(".tui_content_banxin h4 img").eq(1).attr("src", "./images/4a.png");
    });
$(".tui_content_banxin")
    .eq(2)
    .mousemove(function() {
        $(".tui_content_banxin h4 img").eq(2).attr("src", "./images/3b.png");
    })
    .mouseout(function() {
        $(".tui_content_banxin h4 img").eq(2).attr("src", "./images/3a.png");
    });

$(".tui_content_banxin")
    .eq(3)
    .mousemove(function() {
        $(".tui_content_banxin h4 img").eq(3).attr("src", "./images/5b.png");
    })
    .mouseout(function() {
        $(".tui_content_banxin h4 img").eq(3).attr("src", "./images/5a.png");
    });
$(".tui_content_banxin")
    .eq(4)
    .mousemove(function() {
        $(".tui_content_banxin h4 img").eq(4).attr("src", "./images/6b.png");
    })
    .mouseout(function() {
        $(".tui_content_banxin h4 img").eq(4).attr("src", "./images/6a.png");
    });

$(".tui_content_banxin")
    .eq(5)
    .mousemove(function() {
        $(".tui_content_banxin h4 img").eq(5).attr("src", "./images/2b.png");
    })
    .mouseout(function() {
        $(".tui_content_banxin h4 img").eq(5).attr("src", "./images/2a.png");
    });

    // tab选项啊uing卡封装声明函数
    // 声明函数
function box(abc) {
    var box2 = document.querySelector(abc);
    var navs = box2.querySelectorAll(".nav li");
    var lists = box2.querySelectorAll(".display_box div");
    // 给每个事件添加active
    for (var i = 0; i < navs.length; i++) {
        // 保存索引值 (下标)
        navs[i].index = i;
        navs[i].onclick = function() {
            // 清空样式
            for (var j = 0; j < navs.length; j++) {
                navs[j].className = '';
                // 隐藏其他div内容
                lists[j].className = '';
            }
            // 给当前被选中的添加样式/
            this.className = 'active';
            // 通过下标获取特定的div
            lists[this.index].className = 'actives';
            console.log(this.index)
        }
    }
}



// 鼠标移入
$(function() {
    var oldColor = "";
    $(".mouse-in-out").mouseover(function() {
        originalColor = $(this).css("background-color");
        $(this).css("background-color", "#d9e8fb");
    }).mouseout(function() {
        $(this).css("background-color", originalColor);
    });
});


// 回到顶部
$(function() {
    $(window).scroll(function() {
        // 判断scrollTop的兼容
        var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        // 判断滚动的距离
        if (scrollTop > 1) {
            // 大于150显示回到顶部按钮
            $(".top").show();
        }
    })
    $(".top").click(function() {
        // 调用jq的animate函数实现动画效果
        $('html,body').animate({
            scrollTop: 0
        }, 1000);
    })
})



	$("#btn6").click(function() {
			$(".login").show("slow");
		})
		$("#close2").click(function() {
			$(".login").hide(500);
		})
			$("#huoqu").click(function() {
			$(".loginss").show("slow");
		})
		$("#close2").click(function() {
			$(".loginss").hide(500);
		})
// 指定养老方案弹出

		$("#btn2").click(function() {
			$(".login").show("slow");
		})
		$("#close").click(function() {
			$(".login").hide(500);
		})
		
		$("#btn4").click(function() {
			$(".login").show("slow");
		})
		$("#close").click(function() {
			$(".login").hide(500);
		})
		
	
// 指定养老方案弹出
$("#btn1").click(function() {
			$(".login").fadeIn(600);
		})
		$("#close").click(function() {
			$(".login").hide(500);
		})
	$("#btn3").click(function() {
			$(".login").fadeIn(600);
		})
			$("#close").click(function() {
			$(".login").hide(500);
		})	
			$("#btn5").click(function() {
			$(".login").fadeIn(600);
		})
			$("#close").click(function() {
			$(".login").hide(500);
		})
		
// 返回上一页

function goBack() {
    history.go(-1);
}