$(document).ready(function(){
	$('a.bigphoto').click(function (event){
		event.preventDefault();
		var title=$(this).attr('title');
		$('body').append("<div id='photo_box'></div>");
		$('body').append("<div id='shtora'></div>");
		$('#photo_box').html("<img src='/template/images/ajax-loader.gif'>");
		var shtora_h=$('body').height()+$(window).scrollTop();
		$('#shtora').css({'background-color':'#000000','width':'100%','height':shtora_h,'position':'absolute','z-index':'20','top':'0px','left':'0px'}); 
		$('#shtora').fadeTo('fast', 0.7);
		var topCenter=($(window).height()/2)-16+$(window).scrollTop();
		var leftCenter=($(window).width()/2)-16+$(window).scrollLeft();
		$('#photo_box').css({'background-color':'#FFFFFF','width':'32px','height':'32px','position':'absolute','z-index':'30','top':topCenter,'left':leftCenter, 'display': 'block'}); 

		img = new Image();
		img.src = $(this).attr('href');
		img.onload = function (){
			var newtopCenter=($(window).height()/2)-(this.height/2)+$(window).scrollTop();
			var newleftCenter=($(window).width()/2)-(this.width/2)+$(window).scrollLeft();
			$('#photo_box').animate({ top: newtopCenter, left: newleftCenter, width: this.width, height: this.height}, 1000);
			$('#photo_box').css({'background':'url('+img.src+')'});
			$('#photo_box').html("<div id='close'><a href=# onclick=\"$('#photo_box').hide(); $('#shtora').hide(); return false; \">Õ</a></div><div id='pictitle' style='display: none;'>"+title+"</div>");
			$('#pictitle').css({'position':'relative','top':(this.height-26)+'px','background-color':'#FFFFFF','padding':'3px'});
			setTimeout("$('#pictitle').slideDown('slow');",1000);
		}
	});
});