First and foremost, in order for your pop up window to display correctly, you'll need
to upload the two graphics in the "pop up graphics" folder to the MAIN folder of your
website (or the folder where the page is that you'll be adding this code to).

For example, if you'll be adding this code to your default.htm page (homepage) of your website to have the pop up window display when someone lands on your site, then you'll need to upload the two graphics to the main folder of your website.

Below is the code you'll need to place in the "HEAD" of your document.
There is nothing you'll need to change:

-----------------------------------------------------


<script>

//DHTML Window script- Copyright Dynamic Drive (http://www.dynamicdrive.com)
//For full source code, documentation, and terms of usage,
//Visit http://www.dynamicdrive.com/dynamicindex9/dhtmlwindow.htm

var dragapproved=false
var minrestore=0
var initialwidth,initialheight
var ie5=document.all&&document.getElementById
var ns6=document.getElementById&&!document.all

function iecompattest(){
return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function drag_drop(e){
if (ie5&&dragapproved&&event.button==1){
document.getElementById("dwindow").style.left=tempx+event.clientX-offsetx+"px"
document.getElementById("dwindow").style.top=tempy+event.clientY-offsety+"px"
}
else if (ns6&&dragapproved){
document.getElementById("dwindow").style.left=tempx+e.clientX-offsetx+"px"
document.getElementById("dwindow").style.top=tempy+e.clientY-offsety+"px"
}
}

function initializedrag(e){
offsetx=ie5? event.clientX : e.clientX
offsety=ie5? event.clientY : e.clientY
document.getElementById("dwindowcontent").style.display="none" //extra
tempx=parseInt(document.getElementById("dwindow").style.left)
tempy=parseInt(document.getElementById("dwindow").style.top)

dragapproved=true
document.getElementById("dwindow").onmousemove=drag_drop
}

function loadwindow(url,width,height){
if (!ie5&&!ns6)
window.open(url,"","width=width,height=height,scrollbars=1")
else{
document.getElementById("dwindow").style.display=''
document.getElementById("dwindow").style.width=initialwidth=width+"px"
document.getElementById("dwindow").style.height=initialheight=height+"px"
document.getElementById("dwindow").style.left="30px"
document.getElementById("dwindow").style.top=ns6? window.pageYOffset*1+30+"px" : iecompattest().scrollTop*1+30+"px"
document.getElementById("cframe").src=url
}
}

function maximize(){
if (minrestore==0){
minrestore=1 //maximize window
document.getElementById("maxname").setAttribute("src","restore.gif")
document.getElementById("dwindow").style.width=ns6? window.innerWidth-20+"px" : iecompattest().clientWidth+"px"
document.getElementById("dwindow").style.height=ns6? window.innerHeight-20+"px" : iecompattest().clientHeight+"px"
}
else{
minrestore=0 //restore window
document.getElementById("maxname").setAttribute("src","max.gif")
document.getElementById("dwindow").style.width=initialwidth
document.getElementById("dwindow").style.height=initialheight
}
document.getElementById("dwindow").style.left=ns6? window.pageXOffset+"px" : iecompattest().scrollLeft+"px"
document.getElementById("dwindow").style.top=ns6? window.pageYOffset+"px" : iecompattest().scrollTop+"px"
}

function closeit(){
document.getElementById("dwindow").style.display="none"
}

function stopdrag(){
dragapproved=false;
document.getElementById("dwindow").onmousemove=null;
document.getElementById("dwindowcontent").style.display="" //extra
}

</script>


--------------------------------------------------------------------------


Below is the code you'll need to place in the "body" of your document.

---------------------------------------------------------------------------

<div id="dwindow" style="position:absolute;background-color:#EBEBEB;cursor:hand;left:0px;top:0px;display:none" onMousedown="initializedrag(event)" onMouseup="stopdrag()" onSelectStart="return false">
<div align="right" style="background-color:navy">
  <img src="max.gif" id="maxname" onClick="maximize()" width="16" height="14"><img src="close.gif" onClick="closeit()" width="16" height="14"></div>
<div id="dwindowcontent" style="height:100%">
<iframe id="cframe" src="" width=100% height=100%></iframe>
</div>
</div>

<script>
//Use below code to load DHTML Window as page loads 
if (ns6) window.onload=new Function('loadwindow("http://www.yoursite.com/popup-stealth-report.htm",680,570)')
else
loadwindow("http://www.yoursite.com/popup-stealth-report.htm",680,570)
</script> 

------------------------------------------------------------------------------



You'll want to include this code directly before the closing "body" tag in your document. ( </body> )


Some changes you'll need to make:

There are only two places you'll need to make changes (I've already set the correct width and height for you)

The code is presently setup to display the pop up window offering the Free Downloadable report for "Stealth Marketing Tactic".

You'll notice the code as follows:

http://www.yoursite.com/popup-stealth-report.htm",680,570 above

You'll need to replace the www.yoursite.com with your website address.

In addition, to change the pop ups that display, you'll need to change the sub domain as well.

For instance, you can change the /popup-stealth-report.htm to /popup-stealth-ecourse.htm to have the ecourse pop up offer display.

---------------------------------------------------------

Below are the pop up window names that you can refer to:

Stealth Tactic Report - /popup-stealth-report.htm
Stealth Tactic E-course - /popup-stealth-ecourse.htm

One two punch report - /popup-one-two-report.htm
One two punch e-course - /popup-one-two-ecourse.htm


That's all there is to it!  Play around with the code and I'm sure you won't have a problem.  It's very simple to use.

if you have any questions, you can always email me and I'll be sure to help if I can!