var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ? true : false;
$(document).ready(function() {
    main_media();


    $(window).resize(function() {
        main_media();

        // main-live-bg
        var live_bg = $('.main-live-wrap').outerHeight();
        $('.main-live-bg').css('height', live_bg);

        // $('.slick-dots button').attr('tabIndex', -1);
    });



    gsap.to(".quickmenu", {
        scrollTrigger: {
            trigger: "body",
            start: "top top",
            endTrigger : ".main-sec01-btCon",
            end: "43% 30%",
            //markers:true,
            onEnter: function() {
                $('.quickmenu').addClass('color')
            },
            onEnterBack: function() {
                $('.quickmenu').addClass('color')
            },
            onLeave: function() {
                $('.quickmenu').removeClass('color')
            },
        }
    });


    //var $status = $('.slick-num.total');
    var $slickElement = $('.slick-wrap');

    $slickElement.on('init reInit', function(event, slick) {
        if (slick.slideCount <= 9) {
            $(this).find('.slick-num.total').text('0' + slick.slideCount);
        } else {
            $(this).find('.slick-num.total').text(slick.slideCount);
        }
    });


    $('.play').on('click', function() {
        $(this).hide();
        $(this).attr('tabindex', -1);
        $(this).siblings('.pause').show().attr('tabindex', 0).focus();
    });

    $('.pause').on('click', function() {
        $(this).hide();
        $(this).attr('tabindex', -1);
        $(this).siblings('.play').show().attr('tabindex', 0).focus();
    });





    gsap.registerPlugin(ScrollTrigger);

    gsap.utils.toArray(".main-motion").forEach(function(elem) {

    });


});

//諛섏쓳�� �묎렐�� 愿���
function main_media() {
  var userLang = document.documentElement.lang;

    if (window.matchMedia('(max-width: 0px)').matches) {
        $('.slick-wrap main-recruit-slider .slick-dots button').attr('tabindex', -1);
        //$('.main-live-slick-control .prev  , .main-live-slick-control .next').attr('tabindex', -1);
        $('.main-live-wrap .left').removeClass('main-motion-fromLeft');
        $('.main-live-wrap .right').removeClass('main-motion-fromRight');
        $('.news-slick-wrap').removeClass('slick-control-w');
        //$('.main-news-slick-control .prev  , .main-news-slick-control .next').attr('tabindex', -1);
        $('.motion-wrap2').attr('tabindex', -1);
    } else {
      if (userLang == 'ko') {
        $('.news-slick-wrap').addClass('slick-control-w');
      }
        $('.main-recruit-slick-control button').attr('tabindex', 0);
        $('.main-live-slick-control .prev  , .main-live-slick-control .next').attr('tabindex', 0);
        $('.main-live-wrap .left').addClass('main-motion-fromLeft');
        $('.main-live-wrap .right').addClass('main-motion-fromRight');
        $('.main-news-slick-control .prev  , .main-news-slick-control .next').attr('tabindex', 0);
        $('.motion-wrap2').attr('tabindex', 0);
    }
}


//硫붿씤 怨듯넻 motion
function animateFrom(elem, direction) {
    direction = direction || 1;
    var x = 0,
        y = direction * 200;
    if (elem.classList.contains("main-motion-fromLeft")) {
        x = -200;
        y = 0;
    } else if (elem.classList.contains("main-motion-fromRight")) {
        x = 200;
        y = 0;
    }
    elem.style.transform = "translate(" + x + "px, " + y + "px)";
    elem.style.opacity = "0";
    gsap.fromTo(elem, {
        x: x,
        y: y,
        autoAlpha: 0
    }, {
        duration: 1.25,
        x: 0,
        y: 0,
        autoAlpha: 1,
        ease: "expo",
        overwrite: "auto"
    });
}

function hide(elem) {
    gsap.set(elem, {
        autoAlpha: 0
    });
}


function fnMobislive() {
    //main03 live �묎렐��
    $('.main-live-slider').slick({
        dots: true,
        autoplay: true,
        autoplaySpeed: 2000,
        appendDots: $('.main-live-pagination'),
        infinite: true,
        speed: 300,
        slidesToShow: 1,
        centerMode: false,
        variableWidth: true,
		
        accessibility: isMobile,
        prevArrow: $('.prev-live'),
        nextArrow: $('.next-live')
    });

    if (!isMobile) {
        $('.main-live-slider').find('div').each(function(index, item) {
            $(this).attr('tabindex', "-1");
        });
    }

    $('.play-live').on('click', function() {
        $('.main-live-slider').slick('slickPlay');
    });

    $('.pause-live').on('click', function() {
        $('.main-live-slider').slick('slickPause');
    });

    var live_bg = $('.main-live-wrap').outerHeight();
    $('.main-live-bg').css('height', live_bg);
}