js控制层显示的问题

  要实现的功能为：  点击图片  显示层  层原来属性是隐藏的 绝对定位 
 
   <script language="javascript" type="text/javascript">
function controlLayers(){
 alert("sdfsdffs");

         document.getElementById(picture1).style.visibility="visible";
document.getElementById(picture2).style.visibility="visible";
  
}
</script>
<td width="36%"><img src="images/hua_2`.png" alt="b2" width="164" height="174" onclick="controlLayers()"/></td>
层为：
<div id="picture1" align="center">
<span>此处显示  id "picture1" 的内容</span>
<p>
<span><img src="images/hua_1.jpg" /></span>
</div>
<div id="picture2" align="center">
<span>此处显示  id "picture2"的内容</span>
<p>
<span><img src="images/hua_2`.png" /></span>
点击后并未弹出层   不知原因何在    请高手指教！！！   不甚感激！！