$(document).ready(function(){

	var p = $('p.photo');
	var a;
	var scroll;
	var x;
	var y;

	$('table.zdjecia a').hover(
		function () {
			p.hide().html('');
			scroll = getPageScroll();
			var img = new Image();
			a = $(this);

			$(img).load(function() {
				y = scroll.yScroll + Math.ceil(($(window).height() - img.height)/2)- 10;
				x = scroll.xScroll + Math.ceil(($(window).width() - img.width)/2) - 125;
				p.css({'top' : y + 'px', 'margin-left' : '0', 'left' : x + 'px', 'width' : img.width + 'px'}).html(this).fadeIn();
			}).attr('src', a.attr('href'));
		},
		function () {
			p.hide().html('');
		}
	).click(function() {
		return false;
	});

	$('.content li.left p a').click(function () {
		p.hide().html('');
		scroll = getPageScroll();
		var img = new Image();
		a = $(this);

		$(img).load(function() {
			y = scroll.yScroll + Math.ceil(($(window).height() - img.height)/2) - 20;
			x = scroll.xScroll + Math.ceil(($(window).width() - img.width)/2)
			p.css({'top' : y + 'px', 'left' : x + 'px', 'margin-left' : '0', 'z-index' : '10', 'width' : img.width + 'px'}).html(this).fadeIn();
			p.append('<div class="podpis" style="width: ' + (img.width - 14) + 'px"><strong>' + a.attr('title') + '</strong></div>');
		}).attr('src', a.attr('href'));

		if($(this).attr('rel') == 'lightbox') {
			return false;
		}
	});

	$('body').click(function() {
		p.hide().html('');
	});


	var top = $('p.back');
	var topPos = top.position();

	if(topPos.top < $(window).height()) {
		top.hide();
	}

});

function getPageScroll() {
	var xScroll, yScroll;
	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
		xScroll = self.pageXOffset;
	}
	else if (document.documentElement && document.documentElement.scrollTop) {
		yScroll = document.documentElement.scrollTop;
		xScroll = document.documentElement.scrollLeft;
	}
	else if (document.body) {
		yScroll = document.body.scrollTop;
		xScroll = document.body.scrollLeft;
	}
	var arrayPageScroll = {'xScroll':xScroll,'yScroll':yScroll};
	return arrayPageScroll;
}
