Layer skal fade og skjules ved klik

Jeg har et godt script til at fade et layer med. da det er til en intro, der skal dække mens siden loader bagved, skal den når den er faded også gøres hidden, ellers kan man ikke klikke på noget.

Nogen der kan tilføje det til mit script eller lave et nyt lignende?

<script type="text/javascript">
<!--
function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}
//-->
</script>

<div id="NedtoningLayer" style="visibility:visible; position:absolute; z-index:40; width:100%;height:100%; background-color:gray; filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9'"
onClick="opacity('NedtoningLayer',  90, 0, 500)">
<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="2"><tr><td align="center" valign="middle">
<div style="width:500px;height:300px; border:1px solid black; background-color:#cccccc; cursor:pointer">
Her kommer flash intro
</div>
</td></tr></table>
</div>