(function($){
	
	$.fn.lightbox = function(options){
		
		var defaults = { 
			width: '560px',
			height: 'auto' ,
		}; 
		 
		var options = $.extend(defaults, options);
		
		return this.each(function(){
			obj = $(this);
			$('#lb_content').html(obj);
			$('#lb_shadow').show();
			
			left_offset = "-" + parseInt(options.width)/2 + "px"
			
			$('#lb_main').fadeIn(500)
									 .css("width", options.width)
									 .css("height", options.height)
									 .css("margin-left", left_offset);
			
			
			$('body').css('overflow', 'hidden');
			
			$('.lb_close').click(function(){
				$('#lb_shadow').hide();
				$('#lb_main').hide();
				
				$('body').css('overflow', 'auto');
				$('#lb_content').addClass('spinner')
			});
			
		})
		
		
		
	}
	
})(jQuery)

$.createMainLightbox = function(){
	var lightbox_shadow = "<div id='lb_shadow' class='lb_shadow' style='display:none'></div>"
	var main_lightbox = "<div id='lb_main' class='lb_main' style='display:none'>" +
												"<div id='lb_cs' class='lb_cs'>" +
													"<div id='lb_cb' class='lb_cb'>" +
														"<div id='lb_title' class='lb_title'>" +
															"<div class='lb_close'></div>" +
														"</div>" + 
														"<div id='lb_content' class='lb_content spinner'></div" +
													"</div>" +
												"</div>" +  
											"</div>";
											
	$('body').append(lightbox_shadow).append(main_lightbox);
}
$.createMainLightbox();