<html>
<head>
<title> DERECK FISHER GOES TO MIAMI?</title>
<meta name="keywords" content="keyword1, keyword2, keyword3">
<meta name="description" content="keyword description goes here">
<!-- Start CONTENT LOCKER -->
<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
var Delay = 10;//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>
<!-- EDITABLE STYLE FOR POPUP LOCKER -->
<style>
body
{
height:100%;
margin:0;
}
#mainContent
{
background-color:white;
margin-left:auto;
margin-right:auto;
margin-top:30px;
width:700px;
border:3px solid #CDCDCD;
text-align:center;
}
#gatewaydiv
{
background-image:url("http://www.XYZ/lock.jpg");
background-repeat:no-repeat;
width:500px;
height:300px;
padding:20px;
position:absolute;
display:none;
background-color:#FFFFFF;
border:solid 4px gray;
text-align:center;
font-family:arial;
}
#gatewaydiv h1
{
font-size:35px;
color:#cc0000;
}
#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;
filter: alpha(opacity=80);
-moz-opacity:0.8;
display:all;
position:absolute;
top:0;
}
<!-- THIS HIDES LEFT SIDE OF AN IFRAME -->
<!-- iframe { display:none; } -->
</style>
<!-- END CONTENT LOCKER -->
<body>
<div id="gatewayDimmer">
</div>
<div id="gatewaydiv">
<ul id="OfferList">
<h1>CONGRATULATIONS!</h1>
<span id="gatewayMessage">PICK AN OFFER TO GAIN ACCESS...</span>
<br /><br />
<li><a href="http://www.affiliatelink.com" class="offerlink" target="blank">Free Vizio 47" HDTV</a></li>
<li><a href="http://www.affiliatelink.com" class="offerlink" target="blank">20 WAYS TO LOWER YOUR CAR INSURANCE TODAY</a></li>
<li><a href="http://www.affiliatelink.com" class="offerlink" target="blank">FREE APPLE IPAD</a></li>
</ul>
<br /><br />
After completing an offer if the site has not unlocked please choose another link.<br />
Thank you!
</div>
<iframe src ="http://www.tmz.com/2010/07/10/derek-fisher-miami-heat-pat-riley-lebron-james-dwyane-wade/" width="100%" height="100%" frameborder="0">
<p>Your browser does not support iframes.</p>
</iframe>
</body>
</html>