var settags = function () {

    var currentUrl = document.location.origin;
    console.log(currentUrl);
    var url = new URL(currentUrl);
    url.searchParams.set("feet", document.getElementById('feetfilter').value);
    url.searchParams.set("face", document.getElementById('facefilter').value);
    url.searchParams.set("ass", document.getElementById('assfilter').value);
    url.searchParams.set("tits", document.getElementById('titsfilter').value);
    url.searchParams.set("pussy", document.getElementById('pussyfilter').value);
    url.searchParams.set("search", document.getElementById('search').value);
    try {
        url.searchParams.set("white", document.getElementById('whitefilter').value);
        url.searchParams.set("latina", document.getElementById('latinafilter').value);
        url.searchParams.set("asian", document.getElementById('asianfilter').value);
    } catch (err) {
    }
    try {

        url.searchParams.set("minage", document.getElementById('minagefilter').value);
        url.searchParams.set("maxage", document.getElementById('maxagefilter').value);

    } catch (err) {


    }

    try {

        url.searchParams.set("women", document.getElementById('women').checked);
        url.searchParams.set("couples", document.getElementById('couples').checked);
        url.searchParams.set("men", document.getElementById('men').checked);
        url.searchParams.set("trans", document.getElementById('trans').checked);
    } catch (err) {

    }

    var newUrl = url.href;
    console.log(newUrl);

    window.location.replace(newUrl);
}

var showvalue = function (elem) {
    console.log(elem.value);
    console.log($(elem).prev());
    $(elem).prev().text(elem.value);
}


var lastthumb = 0;
var lastupdate = 0;
const timer = ms => new Promise(res => setTimeout(res, ms))

function setCharAt(str, index, chr) {
    if (index > str.length - 1) return str;
    return str.substr(0, index) + chr + str.substr(index + 1);
}

async function newhvr(id) {
    console.log("NEWHVR");
    var changenum = 0;
    var elem = document.getElementById(id.toString());
    while (true) {
        var src = elem["src"];
        var src0 = setCharAt(src, src.length - 5, 0);
        if (id != lastthumb) {
            elem.setAttribute('src', src0);
            break;
        }
        //console.log(id);
        if (lastupdate < new Date().getTime() - 600) {
            lastupdate = new Date().getTime();
            console.log("UPDATE");


            var i = Number(src[src.length - 5]);
            i++;
            if (i > 3) {
                i = 0;
            }
            src = setCharAt(src, src.length - 5, i);
            elem.setAttribute('src', src);
            changenum++;
            console.log(changenum);
            if (changenum > 10) {
                elem.setAttribute('src', src0);
                lastthumb = 0;
                return;
            }
        }
        await timer(600);
    }
}

var myTextBox = document.getElementById('search');
myTextBox.addEventListener('keypress', function(e){
    if(e.keyCode == 13){
        settags()
    }
});




document.addEventListener('mousemove', e => {
    //console.clear()
    var elem = document.elementFromPoint(e.clientX, e.clientY);
    if (elem == null) {
        lastthumb = 0;
        return;
    }
    if (elem.className != "videoPreview") {
        lastthumb = 0;
        return;
    }
    if (elem.id == lastthumb) {
        return;
    }

    var id = elem.id;

    console.log(id);

    lastthumb = id;
    void newhvr(id);
}, {passive: true})
var url = new URL(window.location.href);

console.log("women " + url + " " + url.searchParams.get("women"))
if (url.searchParams.get("women") == "true") {
    document.getElementById('women').checked = true;
} else {
    document.getElementById('women').checked = false;
}
if (url.searchParams.get("couples") == "true") {
    document.getElementById('couples').checked = true;
} else {
    document.getElementById('couples').checked = false;
}
if (url.searchParams.get("men") == "true") {
    document.getElementById('men').checked = true;
} else {
    document.getElementById('men').checked = false;
}
if (url.searchParams.get("trans") == "true") {
    document.getElementById('trans').checked = true;
} else {
    document.getElementById('trans').checked = false;
}
if (url.searchParams.get("trans") != "true" && url.searchParams.get("women") != "true" && url.searchParams.get("couples") != "true" && url.searchParams.get("men") != "true") {
        document.getElementById('women').checked = true;

}