$(function(){


	var swiper1 = new Swiper('.visual', {
		effect : 'coverflow',
		slidesPerView: 1,
		spaceBetween: 0,
		loop: true,
		speed : 1000,
		pagination: {
			el: '.dots',
			clickable: true,
		},
		navigation: {
			nextEl: '.vnext',
			prevEl: '.vprev',
		},
		autoplay: {
			delay: 5000,
			disableOnInteraction: false,
		},
	});

	var swiper2 = new Swiper('.edu', {
		effect : 'fade',
		slidesPerView: 1,
		spaceBetween: 0,
		loop: true,
		speed : 1000,
		navigation: {
			nextEl: '.enext',
			prevEl: '.eprev',
		},
		autoplay: {
			delay: 5000,
		},
	});


	$(".section4 .tabs li").click(function(){
		tabno = $(".section4 .tabs li").index($(this));
		$(this).addClass("on").siblings().removeClass("on");
		$(".section4 .tabcons li").hide();
		$(".section4 .tabcons li:eq("+tabno+")").show();
	})


	var swiper3 = new Swiper('.gallery', {
		slidesPerView: 5,
		spaceBetween: 20,
		loop: true,
		speed : 1000,
		navigation: {
			nextEl: '.gnext',
			prevEl: '.gprev',
		},
		breakpoints: {
			// when window width is >= 320px
			320: {
			  slidesPerView: 2,
			  spaceBetween: 10
			},
			// when window width is >= 480px
			480: {
			  slidesPerView: 3,
			  spaceBetween: 30
			},
			// when window width is >= 640px
			640: {
			  slidesPerView: 4,
			  spaceBetween: 40
			}
		}		
	});


});