$(window).scroll(function() {
    imgstay();
});

function imgstay() {

    var winw = $(window).width(),
        winh = $(window).height(),//可视窗口高度
        scrollt = $(window).scrolltop(),//鼠标滚动的距离
        pu = $(window).width()/1920;

    var bannert = $('.apple-banner').offset().top - winh;

    if (scrollt < 850 && winw > 544) {
        // $('.swiper-container').stop(false, true).animate({
        $('.swiper-container').css({
            // 'margin-top': -182 + (scrollt - bannert)/6 + 'px'
            // 'margin-top': -300 + (scrollt - bannert)/3 + 'px'
            // 'transform': 'translatey(' + -530 + (scrollt - playt)/3.5 + 'px)'
            'transform': 'translate3d(0, ' + math.ceil(-320 + (scrollt - bannert)/3.5) + 'px, 0)'
        // }, 200);
        });
    }

}

// banner宽高比
var winw = $(window).width();

if (winw <= 768) {
    $('.slide-img img, .swiper-container, .swiper-wrapper, .apple-banner').css('height', 476/750 * winw + 'px')
} 

// 初始化
$('.pagination li').eq(0).addclass('current');
$('.apple-banner').css('opacity', '1');

// javascript document
autoplay=true;
var myswiper = new swiper('.swiper-container', {
	autoplay: 5000,
	progress: true,
	speed: 1500,
	paginationclickable: true,
	loop: true,
	onprogresschange: function(swiper) {
		for (var i = 0; i < swiper.slides.length; i++) {
			var slide = swiper.slides[i];
			var progress = slide.progress;
			var translate;
			if (progress > 0) {
				translate = progress * 0.9 * swiper.width;
				scale = 1 - progress * 0.1
				if (progress > 1) {
					scale = 0.9
				}
				txtpositionx = 0
				// txtpositiony = progress * 30 + 'px'
				txtpositiony = '-55%'

			} else {
				translate = 0;
				scale = 1
				txtpositionx = -progress * 1000 + 'px'
				// txtpositiony = 0
				txtpositiony = '-55%'
			}

			var txts = slide.queryselectorall('.txt');
			for (var j = 0; j < txts.length; j++) {
				swiper.settransform(txts[j], 'translate3d(' + txtpositionx + ',' + txtpositiony + ',0)');
			}
			swiper.settransform(slide, 'translate3d(' + (translate) + 'px,0,0) scale(' + scale + ')');

		}
	},
	ontouchstart: function(swiper) {
		for (var i = 0; i < swiper.slides.length; i++) {
			swiper.settransition(swiper.slides[i], 0);
			var txts = swiper.slides[i].queryselectorall('.txt');
			for (var j = 0; j < txts.length; j++) {
				swiper.settransition(txts[j], 0);
			}
		}
	},
	onsetwrappertransition: function(swiper, speed) {
		for (var i = 0; i < swiper.slides.length; i++) {
			swiper.settransition(swiper.slides[i], speed);
			var txts = swiper.slides[i].queryselectorall('.txt');
			for (var j = 0; j < txts.length; j++) {
				swiper.settransition(txts[j], speed);
			}
		}
	},
	onslidechangestart: function(swiper) {
		if (autoplay) {
			if (swiper.activeloopindex == 0) {
				$('.pagination li').removeclass('current');
				$('.pagination li').eq(0).removeclass('replace');
			}
			if (swiper.activeloopindex == 1) {
				$('.pagination li').eq(0).removeclass('firstcurrent current').addclass('replace')
			}
			$('.pagination li').removeclass('current');
			$('.pagination li').eq(swiper.activeloopindex).addclass('current');
		} else {
			$('.pagination li').removeclass('current firstcurrent click');
			$('.pagination li').eq(swiper.activeloopindex).addclass('current');
		}

	},
	onfirstinit: function(swiper) {
		$('.pagination li').eq(0).addclass('firstcurrent');
	},

	onautoplaystop: function() {
		autoplay=false;
		$('.autoplay').removeclass('autoplay');
	},
})

// set z-indexes
for (var i = 0; i < myswiper.slides.length; i++) {
	myswiper.slides[i].style.zindex = i;
}

$('.arrow-left').on('click', function(e) {
	e.preventdefault()
	myswiper.swipeprev()
})
$('.arrow-right').on('click', function(e) {
	e.preventdefault()
	myswiper.swipenext()
})
$(".pagination li").on('touchstart mousedown', function(e) {
	e.preventdefault()
	if (autoplay) {
		autoplay=false;
		myswiper.stopautoplay();
		$(this).addclass('click');
	}

	myswiper.swipeto($(this).index())
})
window.onresize = function() {
	myswiper.reinit();
}