var nbProjectCards = 3;
function setupPage() {
    for (var i = 0; i < nbProjectCards; i++) {
        for (var p = 0; p < i; p++) {
            console.log("i " + i + " p " + p);
            var cardElem = document.getElementById("project-card-" + i);
            console.log(cardElem.style.translate);
            var val = window.innerWidth + parseInt(cardElem.style.translate === "" ? "0" : cardElem.style.translate) + "px";
            console.log("sliding to:" + val);
            cardElem.style.translate = val;
            cardElem.style.transition = "1s";
        }
    }
}
function slide(side) {
    var factor = side === "left" ? 1 : -1;
    for (var i = 0; i < nbProjectCards; i++) {
        var cardElem = document.getElementById("project-card-" + i);
        console.log(cardElem.style.translate);
        var val = window.innerWidth * factor + parseInt(cardElem.style.translate === "" ? "0" : cardElem.style.translate) + "px";
        console.log("sliding to:" + val);
        cardElem.style.translate = val;
        cardElem.style.transition = "1s";
    }
}
addEventListener("load", setupPage);