Deal With It for the web

jquery.dealwithit.js

(function ( $, window, document, undefined ) {
  var pluginName = 'dealWithIt',
	defaults = {
		speed: 7000
	};

	function DealWithIt( element, options ) {
		this.element = element;
		this.options = $.extend( {}, defaults, options) ;
		this._defaults = defaults;
		this._name = pluginName;
				
		this.$body = $('body').first();
		this.$image = $('<img alt="DEAL WITH IT" width="674" height="106" src="data:image/gif;base64,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">');
		this.$deal = $('<div>DEAL WITH IT</div>');
				
		this.imageStyles = {
			position: 'fixed',
			top: '-106px',
			left: '0',
		}
				
		this.dealStyles = {
			position: 'fixed',
			bottom: '10px',
			width: '100%',
			textAlign: 'center',
			fontSize: '80px',
			color: '#000',
			fontWeight: 'bold'
		}
				
		this.init();
	}

	DealWithIt.prototype.init = function () {
		this.$image.css(this.imageStyles);
		this.$body.append(this.$image);
		this.$deal.css(this.dealStyles);
		this.animate();
	};
		
	DealWithIt.prototype.animate = function () {
		var top, left, width, self;
			
		self = this;
		top = $(window).height() / 2.5;
		left = $(window).width() / 2;
		width = this.$image.width() / 2;
		height = this.$image.height() / 2;
			
		this.$image.css({
			left: left - width
		});
			
		this.$image.animate({
			top: top - height
		}, this.options.speed, function() {
			self.$body.append(self.$deal);
		});
	};

	$.fn[pluginName] = function ( options ) {
		return this.each(function () {
			if (!$.data(this, 'plugin_' + pluginName)) {
				$.data(this, 'plugin_' + pluginName, 
				new DealWithIt( this, options ));
			}
		});
	}

})( jQuery, window, document );