Here is the script. Put it anywhere on your site after you customize it... I had it set for 3 different offers but you can change that.
<script type="text/javascript">
var Delay = 100;//Seconds after them clicking the link, the gateway vanishes.
function setupgateway()
{
var Left = $(window).width() /2;
Left = Left - $('#gatewaydiv').width()/2;
var Top = $(window).height() /2;
Top = Top - $('#gatewaydiv').height()/2;
$('#gatewaydiv').css('top', Top+'px').css('left', Left+'px').css('display', 'inline');
$('#gatewayDimmer').width($('html').width());
$('#gatewayDimmer').height($('html').height());
$('#gatewayDimmer').css('display','block');
}
function removegateway()
{
$('#gatewaydiv').css('display', 'none');
$('#gatewayDimmer').css('display','none');
}
$(document).ready(function()
{
$('.offerlink').click(function()
{
setTimeout('removegateway()', Delay*1000);
});
setupgateway();
});
</script><div id="gatewayDimmer">
</div>
<style>
body
{
background-image:
background-repeat:repeat;
height:100%;
margin:0;
}
#mainContent
{
background-color:black;
margin-left:auto;
margin-right:auto;
margin-top:30px;
width:700px;
border:3px solid #A52A2A ;
text-align:center;
}
#gatewaydiv
{
background-image:url();
background-repeat:no-repeat;
width:500px;
height:300px;
padding:20px;
position:absolute;
display:none;
background-color:#000000;
border:solid 4px gray;
text-align:center;
font-family:arial;
}
#gatewaydiv h1
{
font-size:35px;
color:red;
}
#gatewayMessage
{
font-size:18px;
}
.offerlink
{
color:red;
font-weight:bold;
}
#OfferList
{
margin:0;
padding:0;
}
#OfferList
{
list-style:none;
}
#gatewayDimmer
{
background-color:#000000;
opacity:0.8;
display:none;
position:absolute;
top:0;
}
</style>
<div id="gatewaydiv">
<ul id="OfferList">
<h1>Get a Loan Today!</h1>
<span id="gatewayMessage"><b>Fast Easy Approval Loans!</b></span>
<br /><br />
<li><h3><a href="http://affiliate.offerhere" class="offerlink" target="blank">Click to See </a></li>
<li><h3><a href="http://affiliate.offerhere" class="offerlink" target="blank">Click Here for </a></li>
<li><h3><a href="http://affiliate.offerhere" class="offerlink" target="blank">Click Here to Search</a></li>
</ul>
<br /><br />
After completing an offer. Please come back to the site and see what else we can offer you!<br />
</div>