function loader() {
    /* Breite und Höhe des Maskierungs-DIV's auslesen */
    var divH = document.getElementById('loader-mask').offsetHeight;
    var divW = document.getElementById('loader-mask').offsetWidth;

        /* Linke und obere Position des Loader GIF berechnen und setzen */

    var imgTop = (divH / 2) - (document.getElementById('loadergif').height / 2);
    var imgLeft = (divW / 2) - (document.getElementById('loadergif').width / 2);

    
    
    /* den transparenten DIV einblenden und höhe und breite setzen */
    
    document.getElementById('loader').style.width = divW + "px";
    document.getElementById('loader').style.height = divH + "px";
    document.getElementById('loader').style.display = "";
    
    document.getElementById('loadergif').style.left = imgLeft + "px";
    document.getElementById('loadergif').style.top = imgTop+ "px";

    /* dislay="hidden" vom Bild löschen */
    document.getElementById('loadergif').style.display = "";
    
}

function unloader() {
    /* alles zurücksetzen und ausblenden */
    document.getElementById('loader').style.width = "0px";
    document.getElementById('loader').style.height = "0px";
    document.getElementById('loader').style.display = "none";
    document.getElementById('loadergif').style.display = "none";
}