/**
 * js/front.js
*/


$(document).ready(function() {

    setTimeout(function  () {
        $("#visual").addClass("active");            
        // $('.menuTab-wrap').addClass('active');
    });

    $('.btn_up_layer').click(function(){
        $("html, body").animate({scrollTop:0}, 'slow');
        return false;
        });
        
        
    // ½ºÅ©·ÑÀÌ ¼³Á¤ÇÑ ³ôÀÌ ÀÌ»ó ³»·Á°¬À»¶§ ½ºÅ¸ÀÏÃß°¡Çϱâ 
    if ($(window).width() > 0) {
        $('body#sub #header').addClass('bg_on');
        $('body#sub .nav-but-wrap').addClass('bg_on');    
        $(window).on("scroll",function(ev){            
            if($(window).scrollTop() > 50 ) { 
                $('#header').addClass('bg_on'); 
                $('.nav-but-wrap').addClass('bg_on');      
                //$('.qa--btn').addClass('active');                      
                $('.btn_up_layer').addClass('active'); 
            }            
            else{
                    $('#header').removeClass('bg_on');  
                    $('body#sub #header').addClass('bg_on'); 
                    $('.nav-but-wrap').removeClass('bg_on');   
                    $('body#sub .nav-but-wrap').addClass('bg_on');    
                    //$('.qa--btn').removeClass('active'); 
                    $('.btn_up_layer').removeClass('active'); 
                }

        return false;
        });
     }	

    /* Toggle  */ 
    $(".familysite").click(function(){
        $(".familysite_box").stop().slideToggle(300);
        if ($(this).css('backgroundImage').indexOf('up') != -1) {
            $('.bg').length > 0 ? $(this).css('backgroundImage', 'url(images/layout/down-wh.png)') : $(this).css('backgroundImage', 'url(images/layout/down-wh.png)')
        } else {
            $('.bg').length > 0 ? $(this).css('backgroundImage', 'url(images/layout/up-wh.png)') : $(this).css('backgroundImage', 'url(images/layout/up-wh.png)')
        }
    });

    /* Toggle  ¸ð¹ÙÀÏ µ¿½Ã »ç¿ëÀ§ÇØ Å¬¸¯½Ã ¸Þ´º¿­¸®´Â ÇüÅ·Πº¯°æ - soluway */ 
    $(".sMenu").click(function(){
        $(this).children(".lnbSub").stop().slideToggle(300);
        if ($(this).css('backgroundImage').indexOf('up') != -1) {
            $('.bg').length > 0 ? $(this).css('backgroundImage', 'url(../images/layout/arrow_t_down.png)') : $(this).css('backgroundImage', 'url(../images/layout/arrow_t_down.png)')
        } else {
            $('.bg').length > 0 ? $(this).css('backgroundImage', 'url(../images/layout/arrow_t_up.png)') : $(this).css('backgroundImage', 'url(../images/layout/arrow_t_up.png)')
        }
    });

   /* tab */
   //Default Action
	$(".detail--cont").hide(); //Hide all content
	$("#detail--tab li:first").addClass("active").show(); //Activate first tab
	$(".detail--cont:first").show(); //Show first tab content
	
	//On Click Event
	$("#detail--tab li").click(function() {
		$("#detail--tab li").removeClass("active"); //Remove any "active" class
		$(this).addClass("active"); //Add "active" class to selected tab
		$(".detail--cont").hide(); //Hide all tab content
		var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
		$(activeTab).fadeIn(); //Fade in the active content
		return false;
	});

});  /*  end */


$(function () { 
    gnb();  
    classToggle();
    fileUpload(); // fileupload
    $(this).find('.nice-select').niceSelect(); // selectbox

   scrollTopMov();
   bodyScrollNone();
   subMenuToggle();

   accordion();


});


//xscroll
$(window).on('load', function(){
    xScroll('.x-scroll');
    kScroll('.k-scroll'); // scroll bar true
});

// iscroll outerwidth
function calcWidth(target) {
    var $target = $(target);

    $target.each(function(){
        var child = $(this).children(),
            width = 0;

        child.each(function(){
            width += $(this).outerWidth(true);
        });
        $(this).css('width', width);
    });
}

// iscroll
function xScroll(obj) {
    var $obj = $(obj),
        tabs = $obj.find('.tabs');

    if ( $(obj).length <= 0 ) {
        return
    } else {
        $(window).resize(function(){
            calcWidth(tabs);
        });
        calcWidth(tabs);
        new IScroll(obj , {
            scrollX : true,
            scrollY : false,
            mouseWheel : false,
            autoCenterScroll : true,
            bounce : true
        });
    }
}

// iscroll
function kScroll(obj) {
    var $obj = $(obj),
        tabs = $obj.find('.tabs');

    if ( $(obj).length <= 0 ) {
        return
    } else {
        $(window).resize(function(){
            calcWidth(tabs);
        });
        calcWidth(tabs);
        new IScroll(obj , {
            scrollX : true,
            scrollY : false,
            mouseWheel : false,
            autoCenterScroll : true,
            bounce : true,
            scrollbars: true
        });
    }
}


// file upload 
function fileUpload() {
    var obj = $('.inputfile-wrap');
    
    if (obj.length <= 0) return;

    var fileTarget = obj.find('input[type=file]');

    fileTarget.on('change', function(){
        if (window.FileReader) {
            var filename = $(this)[0].files[0].name;
        } else {
            var filename = $(this).val().split('/').pop().split('\\').pop();
        }

        $(this).siblings('input[type=text]').val(filename);
    });
}


// class toggle
function classToggle() {
    $('[data-toggle="class-toggle"]').find('button, a').click(function(){
        var li = $(this).closest('li');
        var lis = li.siblings('li');
        var wraps = $(this).closest($('[data-toggle="class-toggle"]'));
        var toggleSelf = wraps.data('toggle-self');
        var toggleClass = wraps.data('toggle-class');
        var className = toggleClass === undefined ? 'active' : toggleClass;

        if (toggleSelf){
            if (li.hasClass(className)){
                li.removeClass(className);
            } else {
                lis.removeClass(className);
                li.addClass(className);
            }
        } else {
            lis.removeClass(className);
            li.addClass(className);
        }
    });
}


// gnb pc nav
function gnb() {
    $('#gnb #gnb1_ul').hover(function(){
        $('#gnb').addClass('on');
        $('.gnb2_ul').css('display','block');
        $('header.gbg-white').addClass('bg_on');
        //$(this).parent('.gnb_wrap').parent('#gnb.on-wh').parent('#header').addClass('gnb-on');    
        setTimeout(function(){
          $('.gnb2_ul').addClass('on');
        },200);
      }, function(){
        $('#gnb').removeClass('on');
        $('.gnb2_ul').css('display','none');
        $('.gnb2_ul').removeClass('on');
        $('header.gbg-white').removeClass('bg_on'); 
       // $(this).parent('.gnb_wrap').parent('#gnb.on-wh').parent('#header').removeClass('gnb-on');
      })
      
    // gnb pc nav End
    
    //gnb active
    //$("#gnb .gnb1_li").each(function(){
    //	if ($(this).children("a").text() == $(".location .depth_1").text() ){
            //$(this).children("a").css("color","#f03844");
            //$(this).children("a").css("border-bottom","1px solid #f03844"); 
    //	}
    //});    
    // GNB End	 
}


// accordion
function accordion() {
    var wrap = $('.ui-accordion'),
        list = wrap.find('li'),
        title = wrap.find('.accord-title'),
        toggle = title.find('.btn-toggle');

    if(wrap.length <= 0) return;

    // Á¢±Ù¼º ´ëÀÀ
    list.each(function(){
        var $btn = $(this).find('.accord-title .btn-toggle'),
            $content = $(this).find('.accord-cont'),
            id = $(this).index();

        $btn.attr({
            'id' : 'accord-toggle' + id,
            'aria-controls' : 'accord-cont' + id
        });
        $content.attr({
            'id' : 'accord-cont' + id,
            'role' : 'region',
            'aria-labelledby' : 'accord-toggle' + id
        })
    });

    toggle.click(function(){
        var li = $(this).parent('.accord-title').parent('li'),
            cont = $(this).parent('.accord-title').siblings('.accord-cont'),
            blind = $(this).find('.blind');

        if (li.hasClass('open')) {
            $(this).attr('aria-expanded', 'false');
            cont.slideUp();
            li.removeClass('open');
            blind.text('»ó¼¼º¸±â');
        } else {
            $(this).attr('aria-expanded', 'true');
            cont.slideDown();
            li.addClass('open');
            blind.text('´Ý±â');
        }
    });
}

// tab
function uiTab() {
    var tab = '[data-evt="tab"]';
    $(document).on('click', tab + ' a', function (e) {
        e.preventDefault();

        var $this = $(this),
            id = $this.attr('href'),
            $target = $('[data-id=' + id + ']'),
            $siblings = $this.parents('li').siblings('').find('a');

        $siblings.each(function () {
            var id = $(this).attr('href');
            $(this).parents('li').removeClass('active');
            $('[data-id=' + id + ']').hide();
        });
        $this.parents('li').addClass('active');
        $target.show();

        return false;
    });

    if ( tab.length <= 0 ) return;
    $(tab).find('a').each(function(){
        var tg = $(this).attr('href');

        $('[data-id="'+tg+'"]').hide();
    });
    $(tab + ' > li:first-child a').click();
}



// ¸ð¹ÙÀÏ ¹Ùµð ½ºÅ©·Ñ¹æÁö  - olibu
function  bodyScrollNone() {

    var posY;            
    $(".popOpen").on("click", function(e){
        posY = $(window).scrollTop();
        
        $("html, body").addClass("not_scroll");
        $(".mMenu").css("display","block");
        //$(".cont").css("top",-posY);                 
        
    });

    $(".popClose").on("click", function(){
        $("html, body").removeClass("not_scroll");
    // $(".mMenu").css("display","none");
        posY = $(window).scrollTop(posY);
    });	
    $(".mask").on("click", function(){
        $("html, body").removeClass("not_scroll");
    // $(".mMenu").css("display","none");
        posY = $(window).scrollTop(posY);
    });	        
} 



    // ½ºÅ©·Ñ ¾ÞÄ¿À̵¿
    function scrollTopMov() {

        if (jQuery(window).width() > 1024) {
            $('.tab--scroll').click(function(){
                $('html, body').animate({
                scrollTop: $( $.attr(this, 'href') ).offset().top - 110
                }, 500);
                return false;
                });
        }
        else{
            
            $('.tab--scroll').click(function(){
                $('html, body').animate({
                scrollTop: $( $.attr(this, 'href') ).offset().top - 106
                }, 500);
                return false;
                });
            
        } 


    }  

     /* Toggle */ 
     function subMenuToggle() {       

        // $('.submenuM').on('click', function(){
        //     $(this).siblings('.submenu_toggle').stop().slideToggle();
        // })	
 
         $(".dropdownbox").click(function(){
             $(".optionArea").toggleClass("showMenu");
             $(".optionArea li").click(function(){
                 $(".dropdownbox > p").text($(this).text());
                 $(".optionArea").removeClass("showMenu");
             });
         });
 
     }
 

    //motion
    function motion_active() {
        $('.motion').each(function (index, item) {
            if($(window).scrollTop() > $(this).offset().top - $(window).height() * 0.6){
                $(this).addClass('active');
            }
        });
    }
    $(window).scroll(function (event) {
        if($('.motion').offset()){
            motion_active();
        }
    });
    motion_active();