$(function(){
	
	$('#header #gnb').mouseenter(function(){
		$('#header').addClass('ov');
	});

	$('#header #gnb').mouseleave(function(){
		$('#header').removeClass('ov');
	});
	
	$('.btn_all_menu').on('click',function(e){
		e.preventDefault();
		if($(this).hasClass('on')){
			$(this).removeClass('on');
			$('.amDim').fadeOut(200);
			$('#header').removeClass('fff');
			$('.allMenuWrap').removeClass('active');
		}else{
			$(this).addClass('on');
			$('#header').addClass('fff');
			$('.amDim').fadeIn(200);
			$('.allMenuWrap').addClass('active');
		}
	});
	$('#header').addClass('load');

	$(window).on('load',function(){
		$('#header').addClass('load');
	}); 

	$.fn.isInViewport = function() {
	  var elementTop = $(this).offset().top;
	  var elementBottom = elementTop + $(this).outerHeight();

	  var viewportTop = $(window).scrollTop();
	  var viewportBottom = viewportTop + $(window).height();

	  return elementBottom > viewportTop + 80 && elementTop < viewportBottom -80;
	};


	$.fn.isInViewport2 = function() {
	  var elementTop = $(this).offset().top;
	  var elementBottom = elementTop + $(this).outerHeight();

	  var viewportTop = $(window).scrollTop();
	  var viewportBottom = viewportTop + $(window).height();

	  return elementBottom > viewportTop + 120 && elementTop < viewportBottom -120;
	};

	$(window).on('load resize scroll',function(){
		$('.aniBox').each(function(){
			if($(this).isInViewport()){
				$(this).addClass('active');
			}
		});

		$('.aniBox2').each(function(){
			if($(this).isInViewport2()){
				$(this).addClass('active');
			}
		});
	
	});
	

	
	$(window).on('load resize scroll',function(){
		if($('.subVisual').outerHeight()){
			if($(this).scrollTop() > $('.subVisual').outerHeight() - $('#header').outerHeight() ){
				$('#header').addClass('active');
			}else{
				$('#header').removeClass('active');
			}
		}
		
	}); 

	
	$(window).on('load resize',function(){
		if($(this).width() > 1005 ){
			$('.allMenu .dep2').show();			
		}

		$('.mvWrap .mv_item, .mainProd .mp_item, .allMenuWrap, .amDim').height($(this).height());


	});
	
	$(window).on('load resize',function(){
		if($(this).width() < 1006 ){
			$('.allMenu .dep2').hide();
		}

		$('.mvWrap .mv_item, .mainProd .mp_item, .allMenuWrap, .amDim').height($(this).height());


	});
	
	


	$('.allMenu > li > p').on('click',function(){
		if($(this).parent().hasClass('active')){
			//$(this).next('.dep2').slideUp(200).parent().removeClass('active');
		}else{
			$(this).next('.dep2').slideDown(200).parent().addClass('active').siblings().removeClass('active').find('.dep2').slideUp(200);
		}
		
	});

	$('#header  .lang > a').on('click',function(e){
		e.preventDefault();
		$(this).toggleClass('on');
	});


	var win = $(window);

	$('.select_box a').click(function(e){
		select_change(this);
		e.stopPropagation();
	});

});

function select_change(_target){
	var _target = $(_target);
	if(_target.parent()[0].nodeName == 'DT'){
		if(_target.closest('dl').hasClass('active')){
			_target.closest('dl').find('dd').slideUp(200);
			_target.closest('dl').removeClass('active');
		} else {
			_target.closest('dl').addClass('active');
			_target.closest('dl').find('dd').slideDown(200);
			_target.closest('dl').find('dt a').css({
				minWidth:_target.closest('dl').find('ul').outerWidth() + 2
			});
		}
	} else {
		if(_target.closest('dl').hasClass('active')){
			_target.closest('dd').siblings().find('a').text(_target.text());
			_target.closest('dl').find('dd').slideUp(200);
			_target.closest('dl').removeClass('active');
			/* select option 선택 */
			_target.closest('dl').siblings('select').find('option').removeAttr('selected');
			_target.closest('dl').siblings('select').find('option').eq(_target.parent().index()).attr('selected','selected');
		} else {
			_target.closest('dl').addClass('active');
			_target.closest('dl').find('dd').slideDown(200);
		}
	}
}


$(document).ready(function() {
	
    $("#cmTopScroll").click(function (){ $("html, body").animate({scrollTop:0}, 200); });
    $(window).scroll(function (){ 
	var top = $(document).scrollTop(); 
	if(top > 300){
     $("#cmTopScroll").stop().animate({"bottom":40}, 250);
        }else{
            $("#cmTopScroll").stop().animate({"bottom":-200}, 250);
        }

 });
	
	var footer = $("#footer"),
		footerSite = footer.find(".footerSite > div > a");

	footerSite.click(function(e){
		e.preventDefault();
		if($(this).hasClass("on")){
			footerSite.removeClass("on");
			footerSite.siblings("ul").slideUp(200);
		}else{
			footerSite.removeClass("on");
			footerSite.siblings("ul").slideUp(200);
			$(this).addClass("on");
			$(this).siblings("ul").slideDown(200);
		}
	});

});