var Stickers = {
    timer : null,
    stickersPage : 0,
    file : null,

    addSmiley: function(element) {
        Chat.insertAtCursor(element.dataset.emoji + ' ');
        Drawer.clear();
    },
    zoom: function(element, jid, id) {
        var zoomed = document.querySelectorAll('.zoomed');

        if (element.classList.contains('zoomed')) {
            Drawer.clear();

            var textarea = Chat.getTextarea();
            Stickers_ajaxSend(jid, id, Boolean(textarea.dataset.muc));
        }

        var i = 0;
        while(i < zoomed.length) {
            zoomed[i].classList.remove('zoomed');
            i++;
        }

        element.classList.add('zoomed');
    },
    setEmojisEvent(mid) {
        const emojis = document.querySelectorAll('.emojis_grid img');
        let i = 0;

        while (i < emojis.length) {
            emojis[i].onclick = function() {
                if (mid) {
                    Chat_ajaxHttpDaemonSendReaction(mid, this.dataset.emoji);
                } else {
                    Stickers.addSmiley(this);
                }

                Drawer_ajaxClear();
            }

            i++;
        }

        document.querySelector('form[name=search] input').focus();
    },
    setGifsSearchEvent() {
        const search = document.querySelector('#gifssearchbar input');
        search.focus();

        search.addEventListener('input', e => {
            clearTimeout(Stickers.timer);

            Stickers.timer = setTimeout(() => {
                const gifsF = document.querySelector('#gifs .masonry.first');
                gifsF.innerHTML = '';
                const gifsS = document.querySelector('#gifs .masonry.second');
                gifsS.innerHTML = '';
                Stickers.stickersPage = 0;

                if (search.value !== '') {
                    document.querySelector('#gifssearchbar li.search').classList.add('searching');
                    Stickers_ajaxSearchGifs(search.value, Stickers.stickersPage);
                }
            }, 400);
        });
    },
    setGifsEvents() {
        if (search.value !== '') {
            document.querySelector('#gifssearchbar li.search').classList.remove('searching');
        }

        const gifs = document.querySelectorAll('#gifs video');

        let i = 0;

        while (i < gifs.length) {
            gifs[i].addEventListener('mouseover', e => {
                e.target.play();
            });
            gifs[i].addEventListener('mouseout', e => {
                e.target.pause();
            });
            gifs[i].addEventListener('click', e => {
                e.target.classList.add('clicked');
                Drawer.clear();
                Stickers_ajaxSendGif(
                    Chat.getTextarea().dataset.jid,
                    e.target.dataset.id,
                    Boolean(Chat.getTextarea().dataset.muc)
                );
            }, {once:true});

            i++;
        }
    }
}