делаешь позицию абсолютной и задаешь координаты середины окна

Чтоб не изменилась структура и не пополз дизайн, лучше добавь еще одну картинку и поставь ее по центру:

<script type="text/javascript">
function ShowImg(img){
    document.write("<img
        src=\""+img.src+"\"
        width=\"800\"
        height=\"600\"
        stye=\"
            position:absolute;
            top:50%;
            left:50%;
            margin:-300 0 0 -400;\"
        onclick=\"this.parentNode.removeChild(this);\" />");
}
</script>
...
<img src="..." onclick="ShowImg(this)" />
...

P.S. Писал на колене, прошу прощения за возможные ошибки...

ну я написал почти так, но не всё. вот эти строчки я не понял.
в результате

	function PhotoCenter(N, width, path)
	{
		N = parseInt(N);
		width = parseInt(width);
		document.getElementById(N).width = width;
		document.getElementById(N).src = path;
		document.getElementById(N).style.position = 'fixed';
		document.getElementById(N).style.top = '50%';
		document.getElementById(N).style.left = '50%';
	}

в результате у меня не по центру а в правом углу отображается.
можете пояснить про это?
margin:-300 0 0 -400;\"
onclick=\"this.parentNode.removeChild(this);\" />");
зачем поле, если мы и так указали что top=50% left=50% ???
и как это можно в мою функцию вставить? .....style.margine-left=-300? например?

position:absolute;

то же самое. только при прокрутке смещается.

	function PhotoCenter(N, width, height, path)
	{
		N = parseInt(N);
		width = parseInt(width);
		height = parseInt(height);
		document.getElementById(N).width = width;
		document.getElementById(N).src = path;
		document.getElementById(N).style.position = 'absolute';
		document.getElementById(N).style.top = '50%';
		document.getElementById(N).style.right = '50%';
		document.getElementById(N).style.marginLeft = width / 2;
		document.getElementById(N).style.marginTio  = height / 2;
		document.getElementById(N).onclick = function (){
               this.parentNode.removeChild(this);
           }
           document.appendChild(document.getElementById(N));

	}

Проблемы:
1. фотография помещяется не по центру. Она скраю справа. Даже черезчур справа (появилась горизонтальная полоса прокрутки даже)
2. при щелчке на фотографию, полученную с помощью функции PhotoCenter, фотография не помещаятся на предыдущее место, а исчезает.
3. В IE вообще некорректно работает. То есть. При щелчке на фотографию функция PhotoCenter работает так, что фотка вообще исчезает.
На всякий случай ещё раз поясню задачу. Имеется фотография. При щелчке на неё она должна переместиться в центр экрана (причём дизайн страницы не должен измениться). она должна оказаться как бы над страницей. Потом при щелчке на эту фотку, которая над страницей, она должна вернуться на своё прежнее место. функцию написал может и криво... javascript совсем недавно учить начал.. подскажите кто чем может.. любой совет окажется полезным

и ещё. как сделать так чтобы увеличение картинки происходило ПЛАВНО???
и ещё. если мы кликнули по картинке №1, то она должна увеличиться. Если сразу после этого кликнули по картинке №2, то картинка №1 должна уменьшиться до первоначальных размеров, а картинка №2 увеличиться. А если кликнули в свободную область, то картинка №2 должна уменьшиться???