Mouse Pointer Problems

I have the following Javascript thats brings up a pop up window on the click of an image, the trouble is as the images are not href'd the mouse stays as a pointer and doesnt change to a hand anybody no the solution please.

<SCRIPT LANGUAGE="JavaScript">
<!--
function PopIt(filename, h, w){
popup = window.open(filename,"popDialog","height="+h+",width="+w+",scrollbars=no")
if ( popup.document.close() ) {
popup.document.close()}}
window.onerror=new Function("return true")
var n = Math.random()*4;
if(n>=0 && n<1){ document.write("<img src='images/1.gif' border=0 onClick="PopIt('report.php3?id=1&vendor_id=1', 410, 300)">"); }
if(n>=1 && n<2){ document.write("<img src='images/2.gif' border=0 onClick="PopIt('report.php3?id=2&vendor_id=1', 410, 300)">"); }
if(n>=2 && n<3){ document.write("<img src='images/3.gif' border=0 onClick="PopIt('report.php3?id=3&vendor_id=1', 410, 300)">"); }
if(n>=3 && n<4){ document.write("<img src='images/4.gif' border=0 onClick="PopIt('report.php3?id=4&vendor_id=1', 410, 300)">"); }
// -->
</SCRIPT>

Yo only have to href the image to # (That is <a href="#"...> and add return false at the end of the PopIt function (or inside onClick).

That is:
<a href="#" onClick="PopIt('report.php3?id=2&vendor_id=1', 410, 300)"><img src='images/2.gif' border=0></a>