let actions = [ 
    "kiss",
    "touch",
    "lick",
    "bite",
    "scratch",
    "slap",
    "suck",
    // "lie"
]

let actions2 = [ 
    "kisses",
    "touches",
    "licks",
    "bites",
    "scratches",
    "slaps",
    "sucks",
    // "lies"
]

let subjects = [ //multiple partners friendly
    "Ari",
    "Remi"
]

let parts = [ //make this personalizable
    "left nipple",
    "right nipple", 
    "left foot",
    "right foot",
    "left ear",
    "right ear",
    "left thigh",
    "right thigh",
    "lips",
    "ass",
    "tummy",
    "genitals",
    "nose",
    "neck",
    "choice"
]

let action = document.querySelector("#action");
let part = document.querySelector("#part");
let button = document.querySelector("button");
let turn = document.querySelector("#turn");

let state = 3;


////// to do
// remove text when next turn
// customizable lists
// 

function roll() {
    if (state == 0) {
        action.style.opacity = 1;
        part.style.opacity = 1;
        state = 2; //disable the button
        let rng = Math.floor(Math.random() * subjects.length);
        let rng2 = Math.floor(Math.random() * subjects.length);
        button.classList.add("buttondisable");
        for (let x = 1; x < 2000; x += x*1.1) {
            setTimeout(() => {
                if (rng == 0) {
                    action.innerHTML = "you " + actions[Math.floor(Math.random()*actions.length)] + " " + (rng2 == rng ? "your own" : subjects[rng2] + "s ");
                    part.innerHTML = parts[Math.floor(Math.random()*parts.length)];
                } else {
                    action.innerHTML = subjects[rng] + " " + actions2[Math.floor(Math.random()*actions2.length)] + " your ";
                    part.innerHTML = "[click to reveal]";
                    button.innerHTML = "reveal"
                }
            }, x);
        }
        setTimeout(() => {
            if (rng != 0) {
                state = 1;
            } else {
                button.innerHTML = "next turn"
                state = 3;
            }
            action.classList.add("animation");
            part.classList.add("animation");
            button.classList.remove("buttondisable");
        }, 2000);
        setTimeout(() => {
            action.classList.remove("animation");
            part.classList.remove("animation");
        }, 4000);   
    } else if (state == 1) {
        part.innerHTML = parts[Math.floor(Math.random()*parts.length)];
        state = 3;
        button.innerHTML = "next turn"
    } else if (state == 3) {
        part.style.opacity = 0;
        action.style.opacity = 0;
        state = 0;
        subjects.push(subjects.shift());
        turn.innerHTML = subjects[0];
        button.innerHTML = "click to roll"
    }
}