(function($){
	$.fn.extend({
		popup: function(opt) {

			var defaults = {
				overlay_css: {
					position: "absolute",
					left: '0px',
					top: '0px',
					width: '100%',
					background: '#000',
					opacity: '0.6'
				},
				holder_css: {
					position: "absolute",
					left: '50%',
					top: '100px',
					width: '600px',
					marginLeft: '-300px'
				},
				content_css: {
					width: '560px',
					padding: '20px 20px',
					background: '#FFF'
				},
				close_btn_css: {
					display: "block",
					textAlign: "right",
					font: 'normal 10px/1.3em Arial',
					color: '#FFF',
					margin: '0px auto'
				}
			};
			var options = $.extend(defaults, opt);

			return this.each(function() {

				//Creating a reference to the object
				var obj = $(this);
				var id = obj.attr("id");
				obj.css(options.holder_css);
				// tartalom elhelyezese egy retegbe
				obj.wrapInner('<div id="'+id+'_content" />');
				jQuery("#"+id+"_content").css(options.content_css);
				
				// bezaras gomb
				obj.prepend('<a href="javascript:void(null)" id="'+id+'_close_btn">Bezárás</a>');
				jQuery("#"+id+"_close_btn").css(options.close_btn_css).click(function() { jQuery("#"+id+", #"+id+"_overlay, #"+id+"_close_btn").hide();});

				// overlay
				obj.before('<div id="'+id+'_overlay">&nbsp;</div>');
				jQuery("#"+id+"_overlay").css(options.overlay_css).height(jQuery(document).height() + "px").click(function() {jQuery("#"+id+"_close_btn").click();});




			});

			

		}
	});
})(jQuery);