$(function(){
	
	var menu = ['HOME', 'PRODUCT', 'R&D', 'CUSTOMER','NOTICE' ]
	var Mainswiper = new Swiper('.main', {
        direction: 'vertical',
        slidesPerView: "auto",
		speed:800,
		mousewheel: true,
		shortSwipes: false,
		parallax: true,
		pagination: {
		  el: '.swiper-pagination',
			clickable: true,
			renderBullet: function (index, className) {
			  return '<span class="' + className + '"><span class="name">'+(menu[index])+'</span></span>';
			},	
		},	
	});	
	Mainswiper.on('slideChange', function() {
		var prev_slide = this.previousIndex;
		var new_slide = this.realIndex;
		var active_slide = this.activeIndex;

		// Dark or not?
		if($('.main>div>.swiper-slide:eq('+new_slide+')').hasClass('visual_slide_wh')){
			$('body').addClass('wh');
		}else{
			$('body').removeClass('wh');
		}

		if(active_slide == "0"){
			$(".btn_top").hide();
		}else{
			$(".btn_top").show();
		}

	});

	$(".btn_top").click(function(){
		Mainswiper.slideTo(0)
	})




	/* main visual */
	$(".visual").addClass("active");
	var visualSwiper = new Swiper('.visual', {
		direction: 'horizontal',
		effect:'fade',
		speed: 1500,
		loop: true,			
		autoplay: {
			delay: 6000,
			disableOnInteraction: true,
		},
		pagination: {
			el: '.visual-pagination',
			clickable: true,
		},
		navigation: {
			nextEl: '.vnext',
			prevEl: '.vprev',
		},
	});












})