$.overlayer = {
	defaults: {
		id		: 'overlay',
		css		: {
			background	: "black",
			opacity		: 0,
			position	: 'fixed',
			top			: 0,
			left		: 0,
			right		: 0,
			bottom		: 0
		},
		opacity			: 0.5,
		speedIn			: 'normal',
		speedOut		: 'normal',
		click			: function () {},
		bodyOverflowChg	: false
	},
	init: function (opts) {
		var $_overlay		= this;
		
		$_overlay.defaults.css	= $.extend({}, $_overlay.defaults.css, opts.css);
		opts.css				= $.extend({}, opts.css, $_overlay.defaults.css);
		$_overlay.defaults		= $.extend({}, $_overlay.defaults, opts);
		
		$_overlay.id			= $_overlay.defaults.id;
		$_overlay.jqueryOverlay	= $('<div id="' + $_overlay.id + '"></div>');
		
		$_overlay.jqueryOverlay
			.css($_overlay.defaults.css)
			.appendTo($("body"))
			.fadeTo($_overlay.defaults.speedIn, $_overlay.defaults.opacity);
		
		$_overlay.jqueryOverlay.unbind().click(function () {
			$_overlay.defaults.click.call();
			$_overlay.close($_overlay.id);
		});
	},
	close: function (id) {
		var $_overlay		= this;
		if (typeof(id)=="undefined") {
			id	= $_overlay.defaults.id;
		}
		$("#" + id).fadeOut($_overlay.defaults.speedOut, function () {
			$("#" + id).remove();
			$("#" + id).jqueryOverlay	=	null;
		});
	},
	jqueryOverlay: null
};