I have this script:

Code:
 function getRefToDivMod( divID, oDoc ) {
if(!oDoc ) { oDoc = document; }
if( document.layers ) {
if( oDoc.layers[divID] ) { return oDoc.layers[divID]; } else {
for( var x = 0, y;!y && x < oDoc.layers.length; x++ ) {
y = getRefToDivNest(divID,oDoc.layers[x].document); }
return y; } }
if( document.getElementById ) { return oDoc.getElementById(divID); }
if( document.all ) { return oDoc.all[divID]; }
return document[divID];
}

function openPerfectPopup(oW,oTitle,oContent) {
var x = window.open('','windowName','width=500,height=400,resizable=1');
if(!x ) { return true; }
x.document.open();
x.document.write('<html><head><title>'+oTitle+'<\/title><\/head><body>'+
(document.layers?('<layer left="0" top="0" width="'+oW+'" id="myID">')
:('<div style="position:absolute;left:0px;top:0px;display:table;width:'+oW+'px;" '+
'id="myID">'))+
oContent+(document.layers?'<\/layer>':'<\/div>')+'<\/body><\/html>');
x.document.close();
var oH = getRefToDivMod( 'myID', x.document ); if(!oH ) { return false; }
var oH = oH.clip? oH.clip.height : oH.offsetHeight; if(!oH ) { return false; }
x.resizeTo( oW + 200, oH + 200 );
var myW = 0, myH = 0, d = x.document.documentElement, b = x.document.body;
if( x.innerWidth ) { myW = x.innerWidth; myH = x.innerHeight; }
else if( d && d.clientWidth ) { myW = d.clientWidth; myH = d.clientHeight; }
else if( b && b.clientWidth ) { myW = b.clientWidth; myH = b.clientHeight; }
if( window.opera &&!document.childNodes ) { myW += 16; }
x.resizeTo( oW + ( ( oW + 200 ) - myW ), oH + ( (oH + 200 ) - myH ) );
if( x.focus ) { x.focus(); }
return false;
}
and this html(which displays the works "residential01.jpg" (no quotes)):

Code:
<a href="noPop.html" onclick="return openPerfectPopup(300,'Title','residential01.jpg');"><img src="images/residential01t.jpg" width="100" height="150" border="0" /> </a>
I know this is dumb but how do I get that actual image displayed instead of the text?

Thanks.