Hjälp med att öppna en bild i nytt fönster

Håller på med ett arbete där man ska kunna klicka på en bild och då ska men få en större version av bilden i ett nytt fönster.

Jag har kommit så långt att det nya fönstret öppnas men jag kan inte föra över bilden.

Kravet är att jag ska använda mig av new window.

Hur gör jag för att få över bilden?
I och med att det är olika bilder hela tiden måste det vara en allmän formel.

fil1.html

<div id="main">   
		<h1>Bilder</h1>
		
		<img src="img/liten/boll.jpg" alt="boll" align=middle>&nbsp;&nbsp;
                <a href="boll.html">Boll</a>
		
	</div>

fil2.html

<div id="largepicture">
	
	<div id="result"></div>
	<img id="largePict" src="bild.jpg" alt=test">

</div>

file1.js

function showPict(){
	var bildUrl, UrlArr;
	
	bildUrl = this.src;
	urlArr = bildUrl.split("/");
	urlArr[urlArr.length-2]= "stor";
	largePictTag.src= urlArr.join("/");
	bildUrl = largePictTag.src;
	newWindow(500,400,"newpage.html");

function newWindow(width, height,bildUrl){
  var windProperties, windVar;
  windProperties = "top=100,left=100,toolbar=no,location=no,status=no,menubar=no,scrollbar=no,resizable=no,width=" + width + ",height=" + height;
if(windVar != null)if (windVar.closed == false) windVar.close();
windVar = window.open(bildUrl,"newpage.html",windProperties);
}
}

fil2.js

var bildUrl;

function init(){
resTag = document.getElementById("result");	
bildUrl = window.opener.bildUrl;
}
window.onload=init;

function showPict(){
	
resTag.innerHTML = bildUrl;

}

Hur ska jag fortsätta??