function showtalen(){
if (document.getElementById("talen").style.display=="block" ){
	document.getElementById("talen").style.display="none"; 
}else{
	document.getElementById("talen").style.display="block"; 
}
}

function do_multi_uitleg(iid)
{
//console.log(iid);

if (iid[0]=='language_90' && document.getElementById('language_90') && (document.getElementById('language_90').style.display!='none')){
    window.sections9=iid[1].split("#####");
    window.sections=iid[1].split("#####");
    page = window.location.search.split("=");
        window.x9 = parseInt(page[1]);
        window.x = parseInt(page[1]);
        document.getElementById(iid[0]).innerHTML=window.sections9[window.x9];	
}
if (iid[0]=='language_80' && document.getElementById('language_80') && (document.getElementById('language_80').style.display!='none')){
    window.sections8=iid[1].split("#####");
    page = window.location.search.split("=");
        window.x8 = parseInt(page[1]);
        document.getElementById(iid[0]).innerHTML=window.sections8[window.x8];	
}
}
function setlanguage(HTMLtochange,caller,id)  //caller is the one who needs extra (like a translated question, id is the element where to place the translation)
{
    fromgames="1";
    if (caller !== undefined) {
        dag=getCookie('trans_dag');
        $.post("get_vragen_translations.php?identifier=" +dag+"&lan="+document.getElementById("Select1").value ,
                        function(data) {
                            document.getElementById(id).innerHTML=data;
                        })

//alert (document.getElementById("Select1").value+" line 23 in subs_translate "+caller+" id="+id+"and dag ="+dag);
fromgames="0";
    }    

	y=document.getElementById("Select1").selectedIndex;
	setCookie("language",document.getElementById("Select1").selectedIndex);
 	x='img/flags/'+document.getElementById("Select1").value+'.png';
	setCookie("language_flag",x);
	document.getElementById("flag_used").src=x; 
    kw=document.getElementById("Select1").value;
    $.post("update_taal.php?taal=" + kw + "&email=" + window.email,
                            function(
                                data) {
                               kww=data;     
                            })

    document.getElementById("talen").style.display="none";
	to=document.getElementById("Select1").value;
//    console.log('?frm="+window.land+"&to="+to+"&string="+HTMLtochange');
        $.post("get_translations.php?frm="+window.land+"&to="+to+"&string="+HTMLtochange, function(data) {
        receivedstring=data;
//        console.log(data);
        res = data.split("&&");
        for (J=0;J< res.length;J++){
            if(res[J]!=""){
            iid=res[J].split("||");
            if(iid[0]=='language_90' || iid[0]=='language_80'){
              do_multi_uitleg(iid);
            }else{



                if(document.getElementById(iid[0])){

                    if (iid[2]=='value'){
                        document.getElementById(iid[0]).value=iid[1];
                    }
                    if (iid[2]=='innerHTML'){
                        document.getElementById(iid[0]).innerHTML=iid[1];	
                    }	
                    if (iid[2]=='placeholder'){
                        document.getElementById(iid[0]).placeholder=iid[1];
                    }
                    if (iid[2]=='title'){
                        document.getElementById(iid[0]).title=iid[1];
                    }
                }
            }    
            }		
        }



    })
    switch(land) {
  case "NL":
    window.vraag=window.NL_question;
    break;
    case "EN":
    window.vraag=window.EN_question;
    break;
    case "PL":
    window.vraag=window.PL_question;
    break;
    case "DE":
    window.vraag=window.DE_question;
    break;
    case "FR":
    window.vraag=window.FR_question;
    break;
  default:
    // code block
}


    
    check_translations(HTMLtochange);
    if(fromgames=="0"){
 //   window.location.href = "index.php";
    }



}
                function check_translations(HTMLtochange) {

                    // alert(HTMLtochange); // get all elements (by id) to find text that needs    translation 
                    // 
                    // also, check if its already translated, if not, create a new record in the languagetable (english)    and also produce the required translations. 
                    // 
                    // we do that in the php file check_translations.php 
                    //
                    innerHTMLarray = [];
                    languageArray = [];
                    $('.multi_lang').each(function(i, e) {
                        /* you can use e.id instead of
    $(e).attr('id') */
                        languageArray.push($(e).attr('id'));
                        inner = $(e).attr('id');
 //                       console.log(inner+"   ==============");
                        inhtml = document.getElementById(inner).innerHTML;
                        innerHTMLarray.push(inner, inhtml);
                    });
 //                  console.log("innerhtmlarray" + innerHTMLarray);
//                    console.log("languagearray" + languageArray);
                    // // now we have in the array:innerhtmlArray all id's plus its value (text word (or phrase)) that needs translation. 
                    // this could be     innerHTML, title, placeholder or value
                    // so first we send this array to make_translations.php : check if item     exists (the 'id' ), if not create it: 'id' + 'en'
                    // indb373201_spot.tbl_translate // // we will deal with the actual translation    to other languages seperately (see check_translations.php later!!!!!) 
                    var sendData = function() {
                        $.post('../../../make_translations.php', {
                                data: innerHTMLarray
                            },
                            function(response) {
//                                console.log(response);
                            });
                    }
                    sendData();

                    var translateData = function() {
                        $.post('../../../check_translations.php', {
                                data: innerHTMLarray
                            },
                            function(response) {
 //                               console.log(response);
                            });
                    }
                    translateData();
                }






                function dothetranslate(phrase, vertaling, lan) {


                    alert(window.land+" phrase "+phrase+" vertaling:"+vertaling+" lam="+lan);


                }
               



function dothetranslate1(phrase,vertaling,lan){  
}    
    
    function dothetranslatekw(phrase,vertaling,lan){            //we only do this if vertaling == space, meaning this was never translated
if(vertaling == ""){
$.post("../../../translate.php?text="+phrase+"&to_lan="+lan,
   function (data1) {
                            alert(data1);
    iets="";
    for (i=0;i <= languageArray.length;i++){
 //       console.log(languageArray[i]+"\r\n");
        iets=iets+" i="+i+" "+languageArray[i]+" ";
    }
   //                         alert("iets "+iets);
})    
}
//alert(window.land+" phrase "+phrase+" vertaling:"+vertaling+" lam="+lan);



}

function getTimeRemaining(endtime) {
var elementExists = document.getElementById("fourth"); //meaning this called by eindoplossing
if (elementExists){
//    console.log("elementExists="+elementExists.innerHTML+" window.xx="+window.xx);
    if (window.xx.substring(0, 2)=='<a'){
//        location.reload();
    }
}



            const total = Date.parse(endtime) - Date.parse(new Date());
            const seconds = Math.floor((total / 1000) % 60);
            const minutes = Math.floor((total / 1000 / 60) % 60);
            const hours = Math.floor((total / (1000 * 60 * 60)) % 24);
            const days = Math.floor(total / (1000 * 60 * 60 * 24));

            //left=days+" days, "+hours+" hours, "+minutes+" minutes and "+seconds+" seconds";
            //minutes1=parseInt(minutes+100).toString();
            minute = lasttwodigits(minutes);
            hour = lasttwodigits(hours);
            second = lasttwodigits(seconds);
            left = days + "d " + hour + ":" + minute + ":" + second;
            //alert( left);
            //document.getElementById("nogtegaan").innerHTML = "&emsp;" + left;

            var dateObj = new Date();
            var month = dateObj.getUTCMonth() + 1; //months from 1-12
            var day = dateObj.getUTCDate();
            var year = dateObj.getUTCFullYear();
            var uren = dateObj.getUTCHours();
            var minuten = dateObj.getUTCMinutes();
            var seconden = dateObj.getUTCSeconds();

            var newdate = year + "-" + lasttwodigitsInt(month) + "-" + lasttwodigitsInt(day) + " " + lasttwodigitsInt(
                uren) + ":" + lasttwodigitsInt(minuten) + ":" + lasttwodigitsInt(seconden);



            document.getElementById("UTCtime").innerHTML = "UTC:" + newdate;

        }


function getgameinfo() {
    window.game_month = [];    
    window.game_jackpot = [];
    window.game_status = [];
    window.game_players = [];
    window.game_identifier = [];

    window.user_game_deposit = []; //we do this later ??????????
    window.user_wallet = []; //we do this later ??????????
    $.post("get_game_info.php?email="+window.mail, function(
        data) {
        statusses = data.split("&&");
        //*********************** explain ****************************************************** */
        //********* in 2 global arrays (window.statjackpot and window.statstatus) we define status of active months ************

        //********* used in games.php and final answer (eindoplossing.php) and wallet.php to show active months ************ */




        for (i = 0; i < statusses.length - 1; i++) {
            s = statusses[i].split("||"); //s=kw.split("||"); window.game_identifier[i]=s[0];
            window.game_jackpot[s[0]] = s[2];
            window.game_status[s[0]] = s[1];
            window.game_players[s[0]] = s[3];
            window.game_identifier[i]=s[0];
        }
    })
}

function dohammer(){
    var mc = new Hammer(container);

// let the pan gesture support all directions.
// this will block the vertical scrolling on a touch-device while on the element
mc.get('pan').set({ direction: Hammer.DIRECTION_ALL });

// listen to events...
//mc.on("panleft panright panup pandown tap press", function(ev) {
    mc.on("panleft panright ", function(ev) {
//    container.textContent = ev.type +" gesture detected.";
mc.off("panleft panright ");
switch (ev.type){
case 'tap':
gest ='+';
break;
case 'panright':
gest ='r';
break;
case 'panleft':
gest ='l';
break;
case 'panup':
gest ='^';
break;
case 'pandown':
gest ='v';
break;
default:
gest=ev.type;
}
document.getElementById("showedgesture").innerHTML = gest;
if (gest=='l' || gest== 'r'){
    if (typeof 'swipe' != "undefined"){
    swipe(gest);
    }

}else{
        //alert("gest is nu:"+gest);
        setTimeout(function(){ mc.on("panleft panright "); }, 5000);
        mc.on("panleft panright tap",{});
    }




});
}




function removeClass(className)
{
    document.getElementById("language_01").classList.remove(className);
    document.getElementById("language_02").classList.remove(className);
    document.getElementById("language_04").classList.remove(className);
//    document.getElementById("admin").classList.remove(className);
}

function lasttwodigits(dig){
dig1=parseInt(dig+100).toString();
res=dig1.substring(1);
return res;
}