<script>
function menugray(flag, obj){
    if(flag == "in") grayin(obj);
    else grayout(obj);
}

function grayin(obj){
    if(obj.filters.alpha.Opacity > 0)
    {
        obj.filters.alpha.Opacity -=5;
        setTimeout("grayin(obj)",150);
    }

}

function grayout(obj){
    if(obj.filters.alpha.Opacity < 100)
    {
        obj.filters.alpha.Opacity +=5;
        setTimeout("grayout(obj)",150);
    }
}
</script>

<table>
<tr> <!--메뉴1(abc1.jpg)-->
<td style="background-image:url(abc1.jpg);">
    <a href="#" onFocus="blur()"><img src="abc1.jpg" onMouseOver="menugray('in', this);" onMouseOut="menugray('out', this);" style="filter:gray alpha(opacity:100); border:0"></a>
</td>
</tr>
<tr> <!--메뉴2(abc2.jpg)-->
<td style="background-image:url(abc2.jpg);">
    <a href="#" onFocus="blur()"><img src="abc2.jpg" onMouseOver="menugray('in', this);" onMouseOut="menugray('out', this);" style="filter:gray alpha(opacity:100); border:0"></a>
</td>
</tr>
</table>


위와 같은 형식으로 해서 filter를 이용해서 마우스 롤오버를 만들려고 하는데,

원래 자바스크립트에서는

function grayin(obj){} 함수 안에서 다시 grayin(obj)라고 호출할 수 없는 건가요?
(obj라는 인수를 중복으로(?) 사용할 수 없는 건가요?)

자바스크립트에 대해 개념이 덜 잡혀있는지라, 잘 안되네요 ㅠ_-


도와주세요, 제발~ ㅠ_-