I'll see what I can do tonight. It is very very easy, and have posted many times exact code pieces to build it, but no one wants to take it upon themselves to build one for the community.
I don't finish work for another 3 hours, but it is a friday and usually beers get broken out and we all work on our own projects so we shall see
<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');
}
function removegateway()
{
$('#gatewaydiv').css('display', 'none');
}
$(document).ready(function()
{
$('.offerlink').click(function()
{
setTimeout('removegateway()', Delay*1000);
});
setupgateway();
});
</script><style>
#gatewaydiv
{
width:300px;
height:300px;
position:absolute;
display:none;
background-color:#CDCDCD;
}
.offerlink
{
color:red;
font-weight:bold;
}
#OfferList
{
margin:0;
padding:0;
}
#OfferList
{
list-style:none;
}
</style><div id="gatewaydiv">
<ul id="OfferList">
Do an offer or DAI!
<li><a href="http://www.wachahost.com" class="offerlink" target="blank">Cheap Web Hosting</a></li>
<li><a href="http://www.google.com" class="offerlink" target="blank">GOOGLEZ</a></li>
</ul>
</div>
