$(document).ready(function() {
	"use strict";

	layui.use(["form", "layer"], function()
	{
		var layer = layui.layer;
		var form = layui.form;
		form.render();
		
		//动画
		new WOW().init();

		//居中
		$('[middle="center"]').each(function(){$(this).children().wrapAll('<div class="c_box"><div class="c_m"><div class="c_t"></div></div></div>');});
		
		//Banner切换
		$('.slide_box').slick({
		    dots: true,
		    fade: true,
		    arrows: true,
		    autoplay: true,
		    autoplaySpeed: 4000,
		    speed: 300,
		    adaptiveHeight: true,
		    prevArrow: "<div class='banner_go_left'><i class='iconfont icon_zuo'></i></div>",
	        nextArrow: "<div class='banner_go_right'><i class='iconfont icon_you'></i></div>",
		    appendDots: ".pagination_banner"
		});

		//产品案例滚动
		$('.i_pro_list').slick({
		    dots: false,
		    infinite: true,
		    rows: 1,
		    slidesToShow: 4,
		    slidesToScroll: 1,
		    arrows: true,
		    autoplay: true,
		    autoplaySpeed: 4000,
		    speed: 300,
		    prevArrow: "<div class='i_pro_go_left'><i class='iconfont icon_zuo'></i></div>",
	        nextArrow: "<div class='i_pro_go_right'><i class='iconfont icon_you'></i></div>",
		    adaptiveHeight: true
		});

		$(".gallery_box").slick({
		    dots: true,
		    arrows: false,
		    autoplay: true,
		    autoplaySpeed: 4000,
		    speed: 300,
		    adaptiveHeight: true,
		    prevArrow: "<div class='banner_go_left'><i class='iconfont icon_zuo'></i></div>",
	        nextArrow: "<div class='banner_go_right'><i class='iconfont icon_you'></i></div>",
		    appendDots: ".pagination_gallery"
		});

		// 手机菜单
		function NavShow() {
			var $btn = $(".nav_btn"),
				$nav = $(".nav_box"),
				$close = $nav.find(".close"),
				$list = $(".nav_list"),
				$ul = $list.children(),
				$li = $ul.children(),
				$mask = $(".mask"),
				c = "active",
				speed = 300;
			$li.find("a.active").siblings().show();
			$btn.click(function(){$nav.stop().animate({left: 0 }, speed); $mask.stop().fadeIn(300); });
			$close.click(function(){$nav.stop().animate({left: "-70%"}, speed); $mask.stop().fadeOut(300); });
			$mask.click(function(){$nav.stop().animate({left: "-70%"}, speed); $(this).stop().fadeOut(300); });
			$li.each(function(e) {
				$(this).find("ul").siblings("a").attr("href", "javascript:;");
				$(this).find("a").click(function() {
					if ($(this).siblings("ul").unbind("click").is(":hidden")) {
						$(this).addClass(c).parent().siblings().children("a").removeClass(c);
						$(this).siblings("ul").stop().slideDown(300).parents("li").siblings("li").children("ul").stop().slideUp(300);
					} else {
						$(this).removeClass(c);
						$(this).siblings("ul").stop().slideUp(300);
					}
				});
			});
		}
		NavShow();

		// Sidebar
		function clickOpen(main){
			var $list = main,
				$ul = $list.children(),
				$li = $ul.children(),
				c = "active",
				speed = 300;
			$li.find("a.active").siblings().show();
			$li.each(function(e) {
				$(this).find("ul").siblings("a").attr("href", "javascript:;");
				$(this).find("a").click(function() {
					if ($(this).siblings("ul").unbind("click").is(":hidden")) {
						$(this).addClass(c).parent().siblings().children("a").removeClass(c);
						$(this).siblings("ul").stop().slideDown(300).parents("li").siblings("li").children("ul").stop().slideUp(300);
					} else {
						$(this).removeClass(c);
						$(this).siblings("ul").stop().slideUp(300);
					}
				});
			});
		}
		clickOpen($('.s_nav_list'));

		//控制在线客服
		$(function(){
			var $body = $(document.body);;
			var $bottomTools = $('.bottom_tools');
			var $qrGuide = $('.cl_kefubtn_2');
			var $qrGuide_en = $('.cl_kefubtn_2_en');
			var $qrGuide_1 = $('.cl_kefubtn_3');
			var $qrTools = $('.cl_kefubtn_4');
			var $qrTools_en = $('.cl_kefubtn_4_en');
			var qrImg = $('.qr_img');
			var qrImg_en = $('.qr_img_en');
			var qrMenu = $('.qr_menu');
			var qrMenu_1 = $('.qr_menu_1');
				$(window).scroll(function () {
					var scrollHeight = $(document).height();
					var scrollTop = $(window).scrollTop();
					var $footerHeight = $('.page-footer').outerHeight(true);
					var $windowHeight = $(window).innerHeight();
					if(scrollTop > 50)
					{
						$("#cl_gotop").fadeIn(200).css("display","block");
						$(".cl_kefubtn_4").removeClass("go_radius_2");
					}
					else
					{
						$(".cl_kefubtn_4").addClass("go_radius_2");
						$("#cl_gotop").fadeOut(200);		
					}	
					$bottomTools.css("bottom", scrollHeight - scrollTop - $footerHeight > $windowHeight ? 185 : $windowHeight + scrollTop + $footerHeight + 185 - scrollHeight);
				});
				$('#cl_gotop').click(function (e) {
					e.preventDefault();
					$('html,body').animate({ scrollTop:0});
				});
				$qrTools.hover(function () {
					qrImg.fadeIn(0);
				}, function(){
					 qrImg.fadeOut(0);
				});
				$qrTools_en.hover(function () {
					qrImg_en.fadeIn(0);
				}, function(){
					 qrImg_en.fadeOut(0);
				});
				$qrGuide.hover(function () {
					qrMenu.fadeIn(0).css("display","block");
				}, function(){
					 qrMenu.fadeOut(0);
				});
				$qrGuide_en.hover(function () {
					qrMenu.fadeIn(0).css("display","block");
				}, function(){
					 qrMenu.fadeOut(0);
				});
				$qrGuide_1.hover(function () {
					qrMenu_1.fadeIn(0).css("display","block");
				}, function(){
					 qrMenu_1.fadeOut(0);
				});
		});

		// 判断浏览器是否支持 placeholder
		if (!placeholderSupport()){$('[placeholder]').focus(function() {var input = $(this); if (input.val() === input.attr('placeholder')) {input.val(''); input.removeClass('placeholder'); } }).blur(function() {var input = $(this); if (input.val() === '' || input.val() === input.attr('placeholder')) {input.addClass('placeholder'); input.val(input.attr('placeholder')); } }).blur(); }
		function placeholderSupport() {"use strict"; return 'placeholder' in document.createElement('input'); }

		form.on("submit(feed_submit)", function(data){
			$.ajax({
				type: "POST",
				dataType: "json",
				url: "ajax_api.php?action=feedback",
				data: $("#feed_form").serialize(),
				success: function (result)
				{
					if (result.code == 200)
					{
						layer.msg(result.message,{anim: 0,time: 2000},function(){window.location.reload();});
					}
					else
					{
						$("#refresh").attr("src","code_"+Math.random()+".html");
						$("#cl_code").val("");
						layer.msg(result.message);
					}
				},
				error : function()
				{
					layer.msg("接口繁忙请稍后重试");
				}
			});
			return false;
		});
	});
});