javascript onclick; the magic words?

[diseases]

I need this to run on click and not on load:

<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', position:'fixed'});
	}
	
	function removegateway()
	{
		$('#gatewaydiv').css('display', 'none');
		$('#gatewayDimmer').css('display','none');
	}
	
	$(document).ready(function()
	{
		$('.offerlink').click(function()
		{
			setTimeout('removegateway()', Delay*1000);
		});
		
		setupgateway();
	});
</script>

what do i need to add?

[_Aerospace_Eng_]

Change this

	$(document).ready(function()
	{
		$('.offerlink').click(function()
		{
			setTimeout('removegateway()', Delay*1000);
		});
		
		setupgateway();
	});

to this

	$(document).ready(function()
	{
		$('.offerlink').click(function()
		{
			setupgateway();
                        setTimeout('removegateway()', Delay*1000);
		});
		
		
	});

[diseases]

thanks, i guess. i cant bring it up now. i want to bring it up onclick by clicking a specific image on my page. How do I do that?

**edit** nvm, I figured it out. thanks

[_Aerospace_Eng_]

Right now what happens? Does it just reload the page? Try this

	$(document).ready(function()
	{
		$('.offerlink').click(function()
		{
			setupgateway();
                        setTimeout('removegateway()', Delay*1000);
                        return false;
		});
		
		
	});

[VIPStephan]

What has this to do with HTML or CSS?
Moved to appropriate forum.