$(document).ready(function() {	
	$('#footer').before('<div id="popup" class="window"><input style="position:absolute;left:576px;top:-25px;color:red;width:60px;" "type="button" value="CLOSE X" class="close"/><a href="#"><img src="http://www.bobgrimmchevrolet.com/resources/images/bob_grimm_popup.jpg"/></a></div>');
	$('#popup').css({'position':'absolute','left':'0','top':'0','display' : 'none', 'width' : '635px','height':'485px','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');
});