// JavaScript Document
(function($) {
	
	$.fn.simpleGallery = function() {
		
		$('li a', this).click( function() {
			return false;
		});
	
		$('li a', this).click( function() {
			var file = $(this).attr('href');
		
			var w = $(window).width();
			var h = $(window).height();
			var bodyH = $('body').height();
		
			//console.log($(window).scrollTop());
		
			var box = document.createElement('div');
			box.setAttribute('id', 'backblackbox');
			document.getElementsByTagName('body').item(0).appendChild(box);
		
			$('#backblackbox').css({'position':'absolute', 'top':0, 'left':0, 'width':w+'px', 'height':3000+'px', 'background-color':'#000000', 'opacity':0.7, 'margin':0, 'padding':0});
		
			var image = document.createElement('img');
			image.setAttribute('src', file+'?r='+Math.random());
			image.setAttribute('id', 'image_on_blackbox');
			image.style.visibility = 'hidden';
			document.getElementsByTagName('body').item(0).appendChild(image);
			$('#image_on_blackbox').load( function() {
				var imgLeft = (w-$(this).width())*0.5;
				var imgTop = (h-$(this).height())*0.5+$(window).scrollTop();
				$(this).css({'position':'absolute', 'top':imgTop+'px', 'left':imgLeft+'px', 'cursor':'pointer','margin':0, 'padding':0, 'visibility':'visible'});
				
				
				$(this).bind('click', function() {
					$(this).unbind('click');
				
					$(this).remove();
					$('#backblackbox').remove();
				});
				
			});
		});
	
	}
})(jQuery);