При щелчке на уменьшенном изображении в фотогалерее появляется окно с
увеличенным изображением, вот часть кода, который загружается в появляющееся
окно:

<img id="foto" src="<?echo $path?>"
<script>
//alert((document.all['foto'].width)+" "+(document.all['foto'].height));
window.resizeBy(0,document.body.scrollHeight-document.body.clientHeight);
window.resizeBy(document.body.scrollWidth-document.body.clientWidth,0);
</script>
скрипт отвечает за то, чтобы размеры окна подогнались под его содержимое.

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

Если кликнуть по той же фотографии в фотогалерее еще раз, то окно
отображается с размерами под содержимое.

Если раскомментировать алерт и проделать всю процедуру с новым изображением
666х500, то сначала алерт выводит "28 30" (что само по себе удивительно), и
размеры созданного окна подгоняются под изображение в отличие от случая,
когда алерт был закомментирован. И во второй раз алерт выводит "666х500" и
окно тоже правильных размеров.

Объясните, почему скрипт работает неправильно при первом запуске для
определенной фоты, а потом правильно? И каким образом алерт влияет на
window.resizeBy?

Браузер — ИЕ.