function setTransition(div, n){
    // div.style.filter = "blur("+n+"px)";
    div.style.opacity = n/100;
}

var fading = false;

function switchTheme(){
    if(fading)return;
    fading = true;

    for(let i=0;i<=100;++i){
        setTimeout(() => {setTransition(div, 100-i)}, i*5);
    }

    let div = document.getElementsByTagName("body")[0];

    setTimeout(()=>{
        
        if(currentTheme=="today"){
            setTheme("2000");
        }else{
            setTheme("today");
        }
    
        for(let i=0;i<=100;++i){
            setTimeout(() => {setTransition(div, i)}, i*5);
        }

        setTimeout(()=>fading=false, 100*5)
    }, 100*5)

}

function setTheme(themeName){
    currentTheme = themeName
    document.cookie = currentTheme
    for(let i of document.getElementsByClassName("css")){
        if(i.rel=="stylesheet"){
            let styleName = i.href.split("/").pop();
            i.href = "styles/"+themeName+"/"+styleName;
        }
    }
}

if(document.cookie==""){
    setTheme("today")
}else{
    console.log(document.cookie)
    setTheme(document.cookie); // I know, we aren't supposed to store cookies like that
}