let linkQryEls = document.getElementsByClassName('link--QRY');
let i   = linkQryEls.length;
while (i--) {
    linkQryEls[i].addEventListener('click', e => {
        e.preventDefault();

        const resp = prompt('Please enter required input: ', '');
        if ((resp !== null) && (resp !== "")) {
            window.location.href = (e.target as HTMLAnchorElement).href + '?' + resp;
        }

        return false;
    });
}

let imgPreviewEls = document.getElementsByClassName('img-preview');
i                 = imgPreviewEls.length;
while (i--) {
    const imgPreviewEl = imgPreviewEls[i] as HTMLAnchorElement;
    const child        = imgPreviewEl.children[0] as HTMLImageElement;
    const thumbnailUrl = child.src;

    child.addEventListener('load', e => {
        child.classList.remove('faded');
    });

    imgPreviewEls[i].addEventListener('click', e => {
        e.preventDefault();

        child.classList.add('faded');

        if (child.classList.contains('expanded')) {
            child.classList.remove('expanded');
            child.src = thumbnailUrl;
        } else {
            child.classList.add('expanded');
            child.src = imgPreviewEl.href;
        }
        
        return false;
    });
}