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

			var defaults = {
				overlay_css: {
					position: "absolute",
					left: '0px',
					top: '0px',
					width: '100%',
					background: '#000',
					opacity: '0.6',
					zIndex: 10000000
				},
				holder_css: {
					position: "absolute",
					left: '50%',
					top: '100px',
					width: '801px',
					marginLeft: '-400px',
					zIndex: 10000000
				},
				content_css: {
					width: '801px',
					background: 'transparent',
					zIndex: 10000000
				},
				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);
				
				// 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();});

				// 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</div>');
				jQuery("#"+id+"_close_btn")
				.css(options.close_btn_css)
				.click(function() {jQuery("#"+id+", #"+id+"_overlay, #"+id+"_close_btn").hide();});



			});

			

		}
	});
})(jQuery);