var portfolio_slider = '';

$(function(){
    // 메인 슬라이드    
    var mainSlider = new Swiper(".slider_new .mySwiper", {
        effect: "fade",
        loop: true,
        autoplay: {
            delay: 5000,
            disableOnInteraction: false,
        },
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
        pagination: {
            el: ".swiper-pagination",
            clickable: true,
        }
    });

    $('#main__business .business-bnr ul').bxSlider({
        auto:true,
        slideWidth: 270,
        minSlides: 2,
        maxSlides: 3,
        moveSlides: 1,
        slideMargin: 30,
        speed:300
    });

    // 메인슬라이드 스크롤 버튼
    $('#main__slider .slider-scroll a').on('click',function(){
        var Dnum = $(this).index();
        var Dheight = $("#main__imgBnr").eq(Dnum).offset()
        $('html,body').animate({scrollTop : Dheight.top-0},500);
        return false
        /*
        if ($(window).width() > 1025) {
            var Dnum = $(this).index();
            var Dheight = $("#main__imgBnr").eq(Dnum).offset()
            $('html,body').animate({scrollTop : Dheight.top-79},500);
            return false
        } else if ($(window).width() < 1025) {
            var Dnum = $(this).index();
            var Dheight = $("#main__imgBnr").eq(Dnum).offset()
            $('html,body').animate({scrollTop : Dheight.top-60},500);
            return false
        } else {
            return true;
        }
        */
    });

    $grid = $('.pf-list').isotope({
        itemSelector: '.pf-list li',
        layoutMode: 'masonry',
        percentPosition: true,
        masonry : {
            columnWidth : '.pf-list li'
        }
    });

    // 메인 포트폴리오
    $(document).on('mouseenter', '.portfolio-list li', function() {
    //  $('.portfolio-list li').bind('mouseenter',function () {
        if ($(window).width() > 1024) {
            $(this).find('.portfolio-title').stop().fadeIn();
            $(this).find('.portfolio-title').stop().animate({
                paddingTop: "25px",
                opacity : 1
            }, 500 );

        } else {
            return true;
        }
    });

    $(document).on('mouseleave', '.portfolio-list li', function() {
    // $('.portfolio-list li').on("mouseleave", function(){
        $(this).find('.portfolio-title').stop().fadeOut();
        $(this).find('.portfolio-title').stop().animate({
            paddingTop: "55px",
            opacity : 0
        }, 500 );
    });

});