ændre div tag til display none når andet åbnes

Jeg har nogke div tag der åbner et lille vindue med et billede når man trykker på en knap. Men der må kun være et billede åbent af gange, så hvis man åbner et andet skal det åbne div tag lukkes. Jeg har følgende kode:

                    var stTmp;

                    function placer(nr){
                        if(stTmp != null){
                            stTmp.diplay='none';
                        }
                        st = document.getElementById("calDiv"+nr).style;
                        pos = getPos(document.getElementById("knap"+nr));
                        st.left =(pos.x - 120) + "px";
                        st.top = (pos.y + 22) + "px";
                        stTmp = st;
                        st.display=(st.display!='block')?'block':'none';   
                    }


<div  id="calDiv22" style="Z-INDEX: 1;  POSITION: absolute; display:none">
.....
</div>


<a href"#" onclick="placer(22);st.display=(st.display!='block')?'block':'none';"><img src="images/icon_image.gif" id="knap22" style="width: 16px" border="0"></a>

Men det andet div tag bliver ikke lukke :-/ Nogen der kan hjælpe?