import { AnimationPartnership, AnimationPartnershipMobile } from "./components/animations/AnimationPartnership";
import { AnimationSustainability } from "./components/animations/AnimationSustainability";
import { animationPaginationMobile, animationPortfolio, animationPortfolioMobile, mahjongAnimationMobile } from "./components/animations/Animation";
import { swiperInfo } from "./components/swiper/SwiperInfo";
import { firstAnimation, threeAnimation, twoAnimation } from "./components/animations/AnimationAbout";

const main = document.querySelector('.js-main-animation');
const saas = document.querySelector('.js-saas-animation');
const about = document.querySelector('.js-about-animation');
const sustainability = document.querySelector('.js-sustainability-animation');
const history = document.querySelector('.js-history-animation');
const partnership = document.querySelector('.js-partnership-animation');
const breakpoint = window.matchMedia('(min-width: 1200px)');

if (main) {
    swiperInfo.init();
    swiperInfo.autoplay.start();

    if (!breakpoint.matches) {
        animationPortfolioMobile();
        mahjongAnimationMobile();
        animationPaginationMobile();
    } else {
        animationPortfolio();
    }
}

if (saas) {
    import('./components/animations/AnimationSaas');
}

if (about) {
    if (!breakpoint.matches) {
        twoAnimation();
        threeAnimation();
    }
    firstAnimation();
}

if (sustainability) {
    AnimationSustainability();
}

if (history) {
    import('./components/animations/AnimationHistory');
}

if (partnership) {
    if (!breakpoint.matches) {
        AnimationPartnership();
    } else {
        AnimationPartnership();
    }
}