end.html

let bigboi = document.getElementById("bigboi");
let bigboiimg = document.getElementById("bigboiimg");
let megaboi = document.getElementById("megaboi");
let left = document.getElementById("left");
let right = document.getElementById("right");
let close = document.getElementById("close");
let newtab = document.getElementById("newtab");
let showing=false;
close_();


let file;//image src
function mediashow(div){
    div.children[0].style.zIndex=0;
    bigboiimg.src = div.children[0].src.replace('_square','');
    bigboiimg.src = div.children[0].src.replace('_thumbs','').replace('_square','');
    bigboi.style.display='block'
    megaboi.style.display='block';
    left.style.display='block'
    right.style.display='block';
    close.style.display='block'
    newtab.style.display='block';
    showing=true;
}

document.onkeydown = function(evt) {
    evt = evt || window.event;
    if (evt.keyCode == 27) {
        close_();
    }
};
function prev(){
    var fn = bigboiimg.src.split('/');
    var ffn = fn[fn.length-2]+'/'+fn[fn.length-1];
    var pos = imgsns.indexOf(ffn);
    if (pos > 0){
        bigboiimg.src = path+imgsns[pos-1];
    }
}
function next(){
    var fn = bigboiimg.src.split('/');
    var ffn = fn[fn.length-2]+'/'+fn[fn.length-1];
    var pos = imgsns.indexOf(ffn);
    if (pos < imgsns.length-1){
        bigboiimg.src = path+imgsns[pos+1];
    }
}
function new_tab(){
    window.open(bigboiimg.src,'_blank');
}
function close_(){
    bigboi.style.display='none'
    megaboi.style.display='none';
    left.style.display='none'
    right.style.display='none';
    close.style.display='none'
    newtab.style.display='none';
    showing=false;
}
megaboi.onclick = function(e){
    if (showing && e.target != bigboi && e.target != left && e.target != right && e.target != newtab && e.target != close){
      close_();
    }
  }
document.onkeydown = function(e) {
  if(showing){
    if(e.key === "Escape") {
        close_();
    }
    if(e.key === "ArrowRight"){
        next();
    }
    if(e.key === "ArrowLeft"){
        prev();
    }
  }
}
var dropdown=gsap.timeline();
dropdown.paused(true);
dropdown.from("nav ul li ul",{
    y:-20, duration:1, ease:"power1"
});
dropdown.to("nav ul li ul",{
    display:"block", duration:1, opacity:1
},"-=1");
/*function that pulls up the dropdown*/
var pullup=gsap.timeline();
pullup.paused(true);
pullup.to("nav ul li ul",{
    y:-20, duration:0.5, ease:"power1"
});
pullup.to("nav ul li ul",{
    display:"none", opacity:0, duration:0.5
});
/*toggles if it is up or down*/
var extendedDown=false;
function toggleNavbarRight(){
    if(extendedDown){
        pullup.play(0);
        console.log("pullup");
    }else{
        console.log("dropdown");
        dropdown.play(0);
    }
}
const navbarRight= document.querySelector(".memory-pulldown");
navbarRight.addEventListener("click",(e)=>{
    if(dropdown.isActive()||pullup.isActive()){
        e.preventDefault();
        e.stopImmediatePropagation();
        return false;
    }
    toggleNavbarRight();
    extendedDown=!extendedDown;
});