$(function(){


	/* scroll */
	var $animation_elements = $('.animation-element');
	var $window = $(window);

	function check_if_in_view() {
	  var window_height = $window.height();
	  var window_top_position = $window.scrollTop();
	  var window_bottom_position = (window_top_position + window_height);

	  $.each($animation_elements, function() {
		var $element = $(this);
		var element_height = $element.outerHeight();
		var element_top_position = $element.offset().top+200;
		var element_bottom_position = (element_top_position + element_height);
		//console.log(element_top_position);

		//check to see if this current container is within viewport
		if ((element_bottom_position >= window_top_position) &&
		  (element_top_position <= window_bottom_position)) {
		  $element.addClass('in-view');
		} else {
		 //$element.removeClass('in-view');
		}
	  });
	}

	$window.on('scroll resize', check_if_in_view);
	$window.trigger('scroll');


	$(window).load(function(){
		
		$(".bxslide").bxSlider({
			mode: 'fade',		//슬라이드 동작모드 :'horizontal', 'vertical', 'fade'
			pause:5000,			//멈춤 대기시간
			speed: 500,        // 이동 속도를 설정
			auto: false,        // 자동 실행 여부
			infiniteLoop: true,  //무한루프설정
			controls: true,    // 이전 다음 버튼 노출 여부
			pager: true,
			onSliderLoad: function(){
				$(".main_s01 .img").addClass("on");
				$(".main_s01 .txt").addClass("on");
				$(".main_s01 .btn_box").addClass("on");
			},
			onSlideAfter: function(slideElement, oldIndex, newIndex){
				if(newIndex == 0){
					$(".main_s02 .txt").removeClass("on");
					$(".main_s03 .txt").removeClass("on");
					$(".main_s04 .txt").removeClass("on");
					$(".main_s01 .txt").addClass("on");
					$(".main_s02 .img").removeClass("on");
					$(".main_s03 .img").removeClass("on");
					$(".main_s04 .img").removeClass("on");
					$(".main_s01 .img").addClass("on");
				}else if(newIndex == 1){
					$(".main_s01 .txt").removeClass("on");
					$(".main_s03 .txt").removeClass("on");
					$(".main_s04 .txt").removeClass("on");
					$(".main_s02 .txt").addClass("on");
					$(".main_s01 .img").removeClass("on");
					$(".main_s03 .img").removeClass("on");
					$(".main_s04 .img").removeClass("on");
					$(".main_s02 .img").addClass("on");
				}else if(newIndex == 2){
					$(".main_s01 .txt").removeClass("on");
					$(".main_s02 .txt").removeClass("on");
					$(".main_s04 .txt").removeClass("on");
					$(".main_s03 .txt").addClass("on");
					$(".main_s01 .img").removeClass("on");
					$(".main_s02 .img").removeClass("on");
					$(".main_s04 .img").removeClass("on");
					$(".main_s03 .img").addClass("on");
				}else if(newIndex == 3){
					$(".main_s01 .txt").removeClass("on");
					$(".main_s02 .txt").removeClass("on");
					$(".main_s03 .txt").removeClass("on");
					$(".main_s04 .txt").addClass("on");
					$(".main_s01 .img").removeClass("on");
					$(".main_s02 .img").removeClass("on");
					$(".main_s03 .img").removeClass("on");
					$(".main_s04 .img").addClass("on");
				}
			}
		});
	
	});
	

});