var bg = document.getElementById("backgroundSim")
var ctx = bg.getContext("2d");
ctx.canvas.width  = window.screen.availWidth;
ctx.canvas.height = window.screen.availHeight;
rock = new Image();
rock.src = "/media/Art/Rock1.png";

ctx.fill()

function remeberMe(){
    let input = document.getElementById("username");
    let username = input.value;
    document.cookie = "username=" + username;
    console.log(username);
    cookieStore.getAll().then(data => {
        console.log(data);
    })
}

function forgetMe(){
    document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/"
    console.log("Poof!...");
}
cookieStore.getAll().then(data => {
    if (data){
        for(let i = 0; i < data.length; i++){
            console.log(data[i]["value"]);
            if (data[i]["name"] == "username"){
                let username = data[i]["value"];
                document.getElementById("intotitle").textContent = "Welcome back " + username + " to the Void System";
            }
        }
    }
    
    console.log(document.cookie);
})

var resolutionTag = document.getElementById("resolutionTag");
resolutionTag.textContent = "document: " + window.screen.availWidth + "x" + window.screen.availHeight + ", inner window: " + window.innerWidth + "x" + window.innerHeight;

function drawCircle(x, y, r){
    ctx.beginPath();
    ctx.arc(x, y, r, 0, 2*Math.PI)
    ctx.stroke();
}

particle = {
    x: 20,
    y: 20,
    r: 10,
    vx: 0.01,
    vy: 0.01,
    update: function(){
        self.x += self.vx;
        self.y += self.vy;
    },
    draw: function(){
        ctx.drawImage(rock, self.x, self.y);
    }
}



rock.onload = function(){
    let i = 0;
    while (i < 25){
        ctx.drawImage(rock, Math.random(1)*ctx.canvas.height,Math.random(1)*ctx.canvas.height);
        i += 1;
    }
    particle.draw();
}

function Populate(){
    let particle 
}