var modes=["points","temps","survie"];
var diffs=["easy","med","hard"];
var div=document.getElementById('buttons');
size=screen.height/6;
hideAll();
var modeSelected;
var diffSelected;

modes.forEach(element => {
    eval("var btn"+element+"= document.getElementById('btn_"+element+"')");
    eval("btn_"+element+".width=size");
    eval("btn_"+element).addEventListener("mousedown",function(e){disp(e);});
    var tab=document.getElementById(element).children;
    for(var i=0;i<tab.length;i++){
        tab.item(i).width=size;
        tab.item(i).addEventListener("mousedown",function(e){modeSelected= e.currentTarget.id;});
    }
});

diffs.forEach(element => {
    eval("var btn"+element+"= document.getElementById('btn_"+element+"')");
    console.log("btn_"+element+".width=size");
    eval("btn_"+element+".width=size");
    eval("btn_"+element).addEventListener("mousedown",function(e){diffSelected=e.currentTarget.id;});
})

function disp(what)
{
    what=what.currentTarget.id.substring(4);
    modes.forEach(element => {
        document.getElementById(element).style.display=what==element ? "flex":"none";
    })
}

function hideAll()
{
    document.getElementById("temps").style.display="none";
    document.getElementById("points").style.display="none";
}

function play()
{
    window.location.replace("./game.html?mode="+modeSelected+"&diff=easy");
}