$(function () {

    

   

   /* navi fix */
    $(window).scroll(function () {
        var gnb = $('.top_inner');
        
        if ($(this).scrollTop() > 200) {
            gnb.addClass('on');
            gnb.find('.main_nav').addClass('on');
        } else {
            gnb.removeClass('on');
            gnb.find('.main_nav').removeClass('on');
        }
    });
    


	
	$('.main_nav ul li').on({
		mouseover : function () {
			$(this).find('.sub_nav').stop().slideDown(200);
		},
		mouseout : function () {
			$(this).find('.sub_nav').stop().slideUp(200);
		},
		click: function () {
            if ($(window).width() < 768) {
                $(this).find('> a').attr('href'/*, '#none'*/);
            }
            
			$(this).toggleClass('s_on');
			if ($(this).hasClass('s_on')) {
				$(this).find('.sub_nav').slideDown();
				$(this).siblings().removeClass('s_on');
			} else {
				$(this).find('.sub_nav').slideUp();
			}
		}
	});
    
    
    
    
    /**/
    $('.falldown').on({
		mouseover : function () {
			$(this).find('ul').stop().slideDown(200);
		},
		mouseout : function () {
			$(this).find('ul').stop().slideUp(400);
		}
	});
    
    
       
    


    /**/
	$('.logo_grid p').click(function () {
		$(this).toggleClass('on');

		if ($(this).hasClass('on')) {
			$('.main_nav').slideDown();
		} else {
			$('.main_nav').slideUp();
		}
	});

    
    
    

    /* scrolltop */
    $(window).scroll(function () {
        if ($(this).scrollTop() > 200) {
            $('.scrollToTop').fadeIn();
        } else {
            $('.scrollToTop').fadeOut();
        }
    });

    $('.scrollToTop').click(function () {
        $('html, body').animate({
            scrollTop: 0
        }, 800);
        return false;
    });
    
    
    
      
  
  
	$('.fadein').each(function () {
	    $(this).on({
	        mouseenter: function () {
	            $(this).find('.fadein-box').stop().animate({
	                bottom: 0,
	                opacity: 1
	            }, 200);
	        },
	        mouseleave: function () {
	            $(this).find('.fadein-box').stop().animate({
	                bottom: -50,
	                opacity: 0
	            }, 200);
	        }
	    });
	    $(this).css({
	        cursor: 'pointer'
	    });
	});


     
  
    
    
    
    /************************************************************
    게시판
    ************************************************************/
    
    /*게시판:공통*/
    $('.board_gallery, .board_list').find('table[border="1"]').attr('border', '0');
    
    
    /* 카테고리 영역 ****************************************/
    $('form[name=com_board_form]').parent().addClass('categoryArea');
    $('form[name=com_board_form]').parent().find('td').removeAttr('align');


    
        
    
    /* 댓글영역 ***********************************************/
    /* 댓글영역 : 작성 */
    $('.board_comment_bgcolor tbody:not(:first-child)').css({
        'border': '0px solid #f00',
        'padding': '0 10px',
        'display': 'block'
    });
    /* 댓글영역 : 작성영역 */
    $('.comment_txt > textarea').css({
        'margin': '0 0 5px',
        'padding': '10px',
        'border': '1px solid #ccc',
        'height': '100px'
    });
    /* 댓글영역 : 작성영역 : 버튼(댓글달기) */
    $('.comment_txt > input[type=image]').css({
        'paddingRight': '10px',
        'float': 'left'
    });
    
    /* 댓글영역 : 댓글목록 */
    $('.comment_name').parent('tr').children('td').removeAttr('width');
    $('.comment_name').parent('tr').children('td:nth-child(2)').addClass('comment_view');
    $('.comment_name').parent('tr').children('td:nth-child(3)').addClass('comment_hour');
    
    /* 댓글영역 : 댓글목록 */
    $('.comment_name').parent().parent().parent().parent().parent().parent().parent().addClass('commentArea');
    
    
    
    
      
    /* 텍스트형 : 목록전체영역 : 하단여백*/
    $('.boardTitBar').parent().parent().css('marginBottom', '20px');
    
    /* 공통 : 목록 : 하단 영역들 */
    $('.paging').css('padding', '10px 0');
    $('.paging').parent().parent().parent().prev().css('border', '1px solid #fff');
    $('.paging').parent('tr').next().remove();
    
    
    
    
    
    
    // 갤러리목록 : 이미지선택(제목을 사용해야 됨)
    $('.gallery_subject').parent().siblings('tr:first-child').addClass('nSize');
    
    // 갤러리목록 : 사이즈
    $('.nSize').parents('.bbsnewf5').parents('td').addClass('boxArea');
    
    // 텍스트 내용
    $('.gallery_etc').css('color', '#fff');
    
    
    
    

    
    /* 폼메일 : 항목의 속성 제거 ***********************************************/
    $('.formmail_title_bgcolor font').removeAttr('style');
    /* 개인정보 수집동의 영역 */
    $('.np_form input[name=com_formmail_check_safe]').closest('table').addClass('personalInformation');
    /* 스팸등록방지 영역 */
    $('#captcha').closest('tr').addClass('captcha');
    /* 폼메일 : 하단버튼영역 : 상단여백 */
    $('a[href="javascript: document.com_formmail.reset();"]').parent().addClass('formButton');
   
    
    
    
    
    
    /* 글쓰기 : 하단버튼영역의 상단여백 */
    $('a[href="javascript: document.com_board.reset()"]').parent().parent().parent().parent().addClass('nbButton');
    
    /* 글보기 : 하단버튼영역 */
    $('img[align=absmiddle]').closest('table').parent().parent().parent().parent().addClass('veiwBottonArea');
    
    /* 글보기 : 하단라인 & 글목록리스트 */
    $('.veiwBottonArea').siblings('table:last').find('td').css('backgroundColor', '#fff');
    
  
    
    
   
    
    
    /*****************************************************************
    Animations
    *****************************************************************/
    var contentWayPoint = function () {
        $('.animate-box').waypoint(function (direction) {

            if (direction === 'down' && !$(this.element).hasClass('animatedFast')) {

                $(this.element).addClass('item-animate');
                setTimeout(function () {

                    $('body .animate-box.item-animate').each(function (k) {
                        var el = $(this);
                        setTimeout(function () {
                            
                            var effect = el.data('animate-effect');
                            
                            if (effect === 'fadeInUp') {
                                el.addClass('fadeInUp animatedFast');
                            } else if (effect === 'fadeInLeft') {
                                el.addClass('fadeInLeft animatedFast');
                            } else if (effect === 'fadeInRight') {
                                el.addClass('fadeInRight animatedFast');
                            } else if (effect === 'fadeInDown') {
                                el.addClass('fadeInDown animatedFast');
                            } else {
                                el.addClass('fadeInUp animatedFast');
                            }
                            
                            el.removeClass('item-animate');
                            
                        }, k * 300, 'easeInOutExpo');
                    });

                }, 80);
            }
        }, {
            offset: '95%'
        });
    };

    // Document on load.
    $(function () {
        contentWayPoint();
    });
    
    
    
    
    

    
    
    
    
    
});