//--------------------------------------------- Element functions
//
// I've been to see the elefunc

    function eleShow(stEl){
        var el = document.getElementById(stEl);

        if (el){
            el.style.visiblity='visible';
            }

        }

    function eleHide(stEl){
        var el = document.getElementById(stEl);

        if (el){
            el.style.visiblity='hidden';
            }

        }


    // 0 <= ixOpac <= 10
    function eleSetOpacityDirect(el, ixOpac){

        if (ixOpac > 10) ixOpaq = 10;
        if (ixOpac <  0) ixOpaq =  0;
        el.style.opacity = ixOpac/10;
        el.style.filter = 'alpha(opacity=' + ixOpac*10 + ')';
        }

    function eleSetOpacity(id, ixOpac){
        var el = document.getElementById(id);
        eleSetOpacityDirect(el, ixOpac);
        }


    function eleSetSameSize(idSrc, idTgt)
    {
        var elSrc = document.getElementById(idSrc);
        var elTgt = document.getElementById(idTgt);

        elTgt.offsetWidth  = elSrc.offsetWidth;
        elTgt.offsetHeight = elSrc.offsetHeight;
        alert(elSrc.offsetWidth + ', ' + elTgt.offsetWidth);

    }

    function WriteCommentLine(stComment)
    {
        document.writeln('\<!--' + stComment + '--\>');
    }

    function eleCribDimensions(idSrc)
    {
        elSrc = document.getElementById(idSrc);

        wd = elSrc.offsetWidth;
        ht = elSrc.offsetHeight;

        WriteCommentLine('---------------------- element: ' + idSrc +
                         ' width='  + wd +
                         ' height=' + ht + ' ');

    }