마우스 아웃시 레이어창이 안닫혀요

아래 소스에서 마우스 오버시는 이미지 잘 나타났고

아웃하면 없어져야 하는데

그대로인데 뭐가 문제인지 알고 싶습니다.

그리고 아래는 버튼이 1개인데

버튼이 여러개일때를 구현해야해서

버튼 2개일때 각각 레이어 내용이 보이는 소스도 부탁드립니다.

<script type="text/javascript">

function view(opt) {

  if(opt) {

       spec1.style.display = "block";

  }

  else {

     spec1.style.displayspec1.style.display = "none";

     //spec1.style.display = "none";  //마우스아웃시 닫힘

  }

}

</script>

<!-- 버튼버튼 -->

<a href="#" onmouseover="view(true)" onmouseout="view(false)" style="text-decoration:none; ;"><img src="/file/img/1-1.jpg" alt=""></a>

<!-- 클릭시 보여질 레이어 -->

<div id="spec1" style="position:relative;display:none;">

<img src="/file/img/0-1.jpg" width="70%">

</div>