JavaScript - Need Help With Sharing Popups Plz

I have 3 pop-ups on a particular page, but when I click any of the 3, they all show up as the same one (the 'form' one, whereas they should be 3 different ones). What do I need to change?

Here is the 1st one (triggered by clicking 'Pre-purchase pest inspections'):

<SCRIPT language="JavaScript">
function topWindow(){
popup = window.open("timberpest.html","timberpest","width=800,height=850,left=0,top=0,toolbar=no,location=no ,directories=no,status=yes,menubar=no,scrollbars=yes,copyhistory=no,resizable=no");
}
</SCRIPT>
<li><a onmouseover="window.status='Pre-Purchase Timber Pest Inspections >>';return true;" onmouseout="window.status='';" href="javascript:topWindow()">Pre-purchase pest inspections</a></li>

Here is the 2nd one (triggered by clicking the image 'img7.jpg'):

<SCRIPT language="JavaScript">
function topWindow(){
popup = window.open("form/form.html","form","width=700,height=1400,left=0,top=0,toolbar=no,location=no,directories=no,status=y es,menubar=no,scrollbars=yes,copyhistory=no,resizable=no");
}
</SCRIPT>
<td class="bg10"><div align="center"><a onmouseover="window.status='Request Form >>';return true;" onmouseout="window.status='';" href="javascript:topWindow()"><img src="images/img7.jpg" alt="" width="177" height="345" border="0" /></a></div>

And here is the 3rd one (triggered by clicking 'Read more...'):

<SCRIPT language="JavaScript">
function topWindow(){
popup = window.open("About.html","about","width=778,height=650,left=0,top=0,toolbar=no,location=no,directori es=no,status=yes,menubar=no,scrollbars=yes,copyhistory=no,resizable=no");
}
</SCRIPT>
<a onmouseover="window.status='About Us >>';return true;" onmouseout="window.status='';" href="javascript:topWindow()">Read more...</a>

I'm trying to do what they are saying at this link:
http://blogs.sitepoint.com/perfect-pop-up/

First, they tell me to do what is listed under the "Scripting Disabled" section:
<a href="file.htm" onclick="window.open('file.htm'); <br>
return false;" rel="nofollow" target="newWin">

Then, down in the page in the "The Perfect Pop-Up Script" section it has a large script for me to use. I'm wanting to use it at my page
http://www.best-stock-trading-system...ng-system.html
I want to make each of my images pop up windows like at this site:
http://www.polyvore.com/cgi/shop?query=shoes

So, are they telling me to use the html in both sections?
Where would I put the html in the top section vs. the script in the lower section?
Do I have to make another webpage and just paste the script in there and then call it, like they say below:
"To call the function you would use the following code:"

<a href="my-pop-up-window.htm" <br>
onclick="popUp(this.href,'console',400,200);return false;" <br>
rel="nofollow" target="_blank">This is my link</a>

I'm a bit confused where I am supposed to inserting the page name for the popup that I want to pop up vs inserting the pagename for the script page that I guess I have to make.

So what are the steps that I would take to do all of this?!
Thank you for your help!

I have developed one to one chat in asp.net. Now I wanted a gmail chat like feature in it. In left side of page, a list of online users should be available. When I click on a user, a new div should popup on right bottom corner with close and minimise buttons.
When I click on another user , a second div should popup on right bottom corner of page but left to the first popup div.
I want popping up of divs dynamically. The no of clicked users should decide the no of popped up divs. Also, for each division there should be a separate division ( inside the popped division ) whose innerhtml value is my chat text.
And if three divs are popped up and if I close the second one, the third should get attach to first popup.

Hope, you'll understand my requirements, and will provide a suitable code in javascript.

I have a tracking ad at the bottom of my site. (no iframes). how do I know and/or prevent that tracking ad from popping up a popup?

They are not suppose to, but I suspect they do. Is there a way to track this, or perhaps prevent them from popping the popup from within my page?

I have access to various libraries, prototype/jquery etc.. so if there is a func/method in those, I could use too.

Hello.

Im trying to put in a Popup printer-friendly page on my site.

the Popup works great in Chrome and FireFox. It even works in IE - except im getting a black bg instead of the white i get in the other browsers.

Also the print command is not working in Firefox or IE.

Im running FireFox 8 and IE 9.

heres the code for the Popup:

Code:

<script language="javascript" type="text/javascript">
<!--
function popitup(url) {
	newwindow=window.open(url,'name','height=200,width=150');
	if (window.focus) {newwindow.focus()}
	return false;
}

// -->
</script>
</head>
<div>
<img src="IMAGES/BidsCouponSmall-text.png" />
<br />
<br />
<a href="printcoupon.htm" target="coupon"
onclick="window.open('printcoupon.htm','coupon','height=500,
 width=400,toolbar=no,directories=no,status=no,
 menubar=no,scrollbars=no,resizable=no'); return false;"
>Click HERE To Print</a>
	<br />
</div>

To avoid cluttering of this post, the page im having printing problems with can be found he
http://bidsservice.net/printcoupon.htm

its all html, css, and JS. no server-side code.