$(document).ready(function() {	
	$('#footer').before('<div id="popup" class="window"><a href="#"><img src="http://www.surfcitynissan.com/resources/images/121311surfpopup.jpg"/></a><input style="position:absolute; top:0px; left:0px; width:50px; border:none;cursor:pointer" "type="button" value="Close it" class="close"/></div>');
	$('#popup').css({'position':'absolute','left':'0','top':'0','display' : 'none', 'width' : '450px','height':'278','z-index':'999','padding':'0px','border':'5px solid #ccc'});
	$('#popup').click(function(e) {
		//Get the A tag
		var id = "#popup"
		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();

		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
              
		//Set the popup window to center
		$(id).css('top',  winH/2-$(id).height()/2);
		$(id).css('left', winW/2-$(id).width()/2);
	
		//transition effect
		$(id).fadeIn(2000); 
	
	});
	
	//if close button is clicked
	$('.window .close').click(function (e) {
		//Cancel the link behavior
		e.preventDefault();
		
		$('#mask').hide();
		$('.window').remove();
	});		
	
	$("#popup").trigger('click');
});