window.addEvent('domready', function() {
	
	
	$$('a.thumb').each(function(obj){
	
		obj.addEvent('click', function(e){
			new Event(e).stop();
			
			// pierwsze wywołanie 
			if(!preview){
				bd = $$('body').getLast();
				
				// stworzenie obiektu
				preview = new Element('div',{id: 'preview'});
				preview.setHTML('<div id="previewBackground">aa</div><div id="previewLoading"></div><img src="" id="previewImg" />');
				preview.injectTop(bd);
				preview.addEvent('click', function(){
					
					// chowanie 
					previewHideEffects = new Fx.Styles('preview', {
						duration: 100,
						transition: Fx.Transitions.linear,
						onComplete: function(){
							$('preview').setStyle('display','none');
						}
					}).start({
						'opacity': [1, 0]
					});
				});
			}
			
			// reset ustawień
			$('previewImg').setStyles({opacity: 0,display: 'block'});
			$('previewLoading').setStyles({width: 50, height: 50});
			$('previewLoading').addClass('loading');
			$('previewBackground').setStyles({opacity: 0, height: window.getScrollHeight()});
			preview.setStyle('display','block');
			preview.setStyle('opacity',1);
			
			// pozycjonowanie ładowania
			$('previewLoading').setStyles({
				left: (window.getWidth()-$('previewLoading').getSize().size.x)/2,
				top: (window.getHeight()-$('previewLoading').getSize().size.y)/2+window.getScrollTop()
			});
			
			// efekt tła
			previewShowEffects = new Fx.Styles('previewBackground', {
				duration: 100,
				transition: Fx.Transitions.linear,
				onComplete: function(){
					$('previewLoading').setStyle('display','block');
				}
			});
			
			// efekt ładowania
			previewLoadingEffects = new Fx.Styles('previewLoading', {
				duration: 300,
				transition: Fx.Transitions.linear,
				onComplete: function(){
					$('previewImg').setStyles({
						left: (window.getWidth()-$('previewImg').getSize().size.x)/2,
						top: (window.getHeight()-$('previewImg').getSize().size.y)/2+window.getScrollTop()
					});
					$('previewImg').setStyle('opacity',1);
				}
			});
			
			// uruchomienie efektu tła
			previewShowEffects.start({
				'opacity': [0, 0.9]
			});
			
			// dodanie akcji po załadowaniu obrazka
			$('previewImg').addEvent('load', function(){
				showImg();
			});
			
			// ładowanie obrazka
			if($('previewImg').getProperty('src') == this.getProperty('href'))
				showImg();
			else 
				$('previewImg').setProperty('src',this.getProperty('href'));
		})
	
	})
	
});


var preview = false;
	
// uruchomienie akcji pokazywania zdjęcia (rozjad+wyświetlenie)
function showImg(){
	$('previewLoading').removeClass('loading');
	previewLoadingEffects.start({
		'width': [$('previewLoading').getSize().size.x, $('previewImg').getSize().size.x+40],
		'height': [$('previewLoading').getSize().size.y, $('previewImg').getSize().size.y+40],
		'left': [(window.getWidth()-$('previewLoading').getSize().size.x)/2, (window.getWidth()-$('previewImg').getSize().size.x-40)/2],
		'top': [(window.getHeight()-$('previewLoading').getSize().size.y)/2+window.getScrollTop(), (window.getHeight()-$('previewImg').getSize().size.y-40)/2+window.getScrollTop()]
	});
}