// On Page Load
$(".wrapper").addClass("first")
let nextPageLink;

// On Click
$(".exit_link").on("click",function (e) {
     e.preventDefault();
     $(".exit_link").css("pointer-events","none");
     nextPageLink3 = $(this).attr("href");
     setTimeout(function() {
     //Ajax
     $.ajax({
         url: nextPageLink3,
         success: function (response) {
             let element = $(response).find(".wrapper").addClass("second");
             $(".main").append(element);
         },
         complete: function () {
             pageTransition3();
         }
     });
}, 400);
});

function pageTransition3() {
    //GSAP
    let tl=gsap.timeline({
        onComplete : updatePage3
    });
    tl.from(".wrapper.second", {
        y: "110vh",
	delay: 0.2,
        duration: 0.8,
        ease: "power2.out"
    });
    tl.to(".overlay", {
        opacity: 1,
        duration: 0.3,
        ease: "power1.out"
    }, 0
    );
    tl.to(".wrapper.first", {
        scale: 0.95,
        duration: 0.3,
        ease: "power1.out"
    }, 0
    );
	tl.to(".menu_wrap", {
        y: "-10vh",
    	delay: .7,
        duration: .8,
        ease: "power2.out"
    }, 0
    );
}

function updatePage3() {
    window.location = nextPageLink3;
}