// JavaScript Document

/*公共样式 */
// JavaScript Document
$(window).scroll(function () {
    var windowTop = $(window).scrollTop();
    if (windowTop > 50) {
        $("#header").addClass("on");
    } else {
        $("#header").removeClass("on");
    }
});
// 导航
$(".navMenu").bind("click", function() {
    $(this).toggleClass("on");
    $("#nav").toggleClass("on");
  });
//================================返回顶部
$(function(){
	$(window).scroll(function() {
		if ($(this).scrollTop()>100){
			$("#gotop").removeClass("hide");
		}else{
			$("#gotop").addClass("hide");
		};
	});
	$('#gotop').click(function () {
		$('html,body').animate({
			scrollTop : '0px'
		}, 800);
	});	

	$('#nav>ul>li').eq(2).hover(function(){
    $('.nav_item').css('display','block')
    },function(){
    $('.nav_item').css('display','none')
    })
	});
	
//下滑下载表单
// $(window).scroll(function(){
//     if($(window).scrollTop() > 120){
//         $("#form").addClass("homeformblock");
//     }else{
//         $("#form").removeClass("homeformblock");
//     }
// });


//关闭表单
$(function(){ 
   $(".popClose").click(function(){
    $(".homeformblock").css({"display":"none","visibility":"hidden"});
  })
})


//=================================IE9 兼容placdholder属性
$(function(){
    function placeholderSupport() {
        return 'placeholder' in document.createElement('input');
    }
    if(!placeholderSupport()){   // 判断浏览器是否支持 placeholder
        $("[placeholder]").each(function(){
            var _this = $(this);
           // console.log($(this).height());
            //var inputHeight = parseInt(parseInt($(this).height()-2)-14)/2;
            var inputHeight = parseInt(parseInt(parseInt($(this).height()-2)/2)-7)+'px';
            _this.parent().css({"position": "relative"});
            var left = _this.position().left+parseInt(_this.css("padding-left"))+parseInt(_this.css("margin-left"))+"px";
            //var top = parseInt(_this.css("padding-top"));//+parseInt(_this.css("margin-top"))+"px";
            var top = parseInt(_this.css("padding-top"));//+parseInt(_this.css("margin-top"))+"px";
            _this.after('<span class="placeholder" data-type="placeholder" style="position: absolute;font-size:14px; top: '+ inputHeight +'; left: ' + left + '">' + _this.attr("placeholder") + '</span>');
            //_this.after('<span class="placeholder" data-type="placeholder" style="position: absolute; top: 0px; left: ' + left + '">' + _this.attr("placeholder") + '</span>');
            if(_this.val() != ""){
                _this.parent().find("span.placeholder").hide();
            }
            else{
                _this.parent().find("span.placeholder").show();
            }
        }).on("focus", function(){
            $(this).parent().find("span.placeholder").hide();
        }).on("blur", function(){
            var _this = $(this);
            if(_this.val() != ""){
                _this.parent().find("span.placeholder").hide();
            }
            else{
                _this.parent().find("span.placeholder").show();
            }
        });
        // 点击表示placeholder的标签相当于触发input
        $("span.placeholder").on("click", function(){
            $(this).hide();
            $(this).siblings("[placeholder]").trigger("click");
            $(this).siblings("[placeholder]").trigger("focus");
        });
    }
});

//===================================banner切换
$('.banner_slider').slick({
	  arrows:true,
	  infinite: true,//循环播放
	  speed:800,
	  fade: true,
	  pauseOnHover: false,
	  autoplay: true,
	  autoplaySpeed:4000,
	  focusOnSelect: true,
	  dots: false,
	});

$('.s_pro_slide').slick({
  slidesToShow: 3,
  slidesToScroll: 1,
  arrows: true,
  speed: 500,
  autoplay: true,
  autoplaySpeed: 3000,
  responsive: [
    {
      breakpoint: 767,
      settings: {
        slidesToShow: 1,
      }
    }
  ]
});

$('.s_adv_slide').slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  arrows: true,
  fade: true,
  speed: 500,
  autoplay: true,
  autoplaySpeed: 3000,
  dots: true,
  dotsClass: 's-adv-dots'
});

$('.s_rec_slide_1').slick({
  slidesToShow: 3,
  slidesToScroll: 1,
  arrows: true,
  speed: 500,
  autoplay: true,
  autoplaySpeed: 3000,
  responsive: [
    {
      breakpoint: 767,
      settings: {
        slidesToShow: 1,
      }
    }
  ]
});