Как сделать чтобы фото открывалось в новом окне поверх всех окон?

Ребят, прошу помочь. На сайте сделано так

onClick="window.open('/photo...

Есть проблема.

Нажимаем на мини-картинку №1. Открывается большая картинка №1.

Если нажать на мини-картинку №2, то картинка №1 скрывается где-то и мы видим просто страницу с набором мини картинок. Хотя в том (новом) окне и открылась картинка №2, но окно куда то теряется.

Как сделать нормальным образом галерею для просмотра мини картинок, при нажатии на любую из них поверх всех окон должно появиться окно с большой раскрывшейся фотографией.

Более того, даже размер окна не меняется, хотя в укрупненном виде все фото разных размеров.

Сайт на php без движка.

Спасибо заранее

т.е. проблема как здесь например http://myrusakov.ru/javascript-image-newwindow.html

если нажать сперва на картинку, окно откроется, если потом не закрывая его была бы возможность нажать на другую картинку, то окно бы свернулось и его стало не видно

---------- Добавлено 23.04.2012 в 18:34 ----------

На одном сайте нашел такой вариант реализации, но все равно не могу понять как это сделали.

В коде страницы

<div class="gallery">
<ul>
<li><a href="http://www.site.ru/usr/images/135.shade_01_1000x1000.jpg"><img src="http://www.site.ru/usr/images/icon_135.shade_01_1000x1000.jpg" alt="Shade" border="0"></a></li>
<li> и т.д.

В стилях

.gallery{
	width:180px;
	height:240px;
	background:url(../images/gallery-bg.gif) no-repeat;
}
.gallery img{width:50px;height:50px;border:0px}
.gallery ul{list-style:none;margin:0px;padding:0px;}
.gallery li{float:left;height:60px;width:60px;margin:0px;padding:0px}
.gallery li a{border:none}
.gallery li a:hover{border:none}

Но не могу понять, а как реализовано то что окно открывается при нажатии и закрывается если жмут не в окно или в "закрыть"