$(function() {
	$("div.thumbs a").click(function () {
		var photos = $(this).parent().find("a")
		if (photos.length < 1) return false
		var html = '\
			<div id="popup">\
				<div class="wrapper">\
					<div class="content">\
						<img src="#" alt="" id="popup-content" />\
						<div class="nav">\
							<a href="#" class="prev"><span>Poprzednie zdjęcie</span></a>\
							<a href="#" class="next"><span>Następne zdjęcie</span></a>\
							<a href="#" class="close"><span>Zamknij</span></a>\
							<span class="caption"></span>\
						</div>\
					</div>\
				</div><!-- .wrapper -->\
			</div><!-- #popup -->\
		'
		$('<div id="overlay"></div>').css({ opacity: 0 }).appendTo("body").animate({ opacity: 0.5 })
		$(html).appendTo("body")

		var go = function (anch) {
			if (anch.length < 1) return
			photos.removeClass("current")
			anch.addClass("current")
			$("#popup-content").remove()
			var src = anch.attr("href")
			var w = anch.attr("class").replace(/.*size-(\d+)-(\d+).*/, '$1')
			var h = anch.attr("class").replace(/.*size-(\d+)-(\d+).*/, '$2')
			$('<img src="'+src+'" alt="" width="'+w+'" height="'+h+'" id="popup-content" />').prependTo("#popup div.content")
			$("#popup-content").click(function () {
				if (photos.filter(".current").next().length > 0) {
					go(photos.filter(".current").next());
				} else {
					close()
				}
			})
			$("#popup").css({ top:
				$(window).scrollTop() + 0.5 * Math.max($(window).height() - $("#popup").outerHeight(), 0)
			})
			$("#popup div.nav .caption").text(anch.attr("title"))
			$("#popup div.nav a.prev")[anch.prev().length > 0 ? "removeClass" : "addClass"]("disabled")
			$("#popup div.nav a.next")[anch.next().length > 0 ? "removeClass" : "addClass"]("disabled")
		}
		var close = function () {
			$("#popup").remove()
			$("#overlay").fadeOut("slow", function () { $("#overlay").remove() })
			return false
		}
		$("#popup div.nav a.prev").click(function () { go(photos.filter(".current").prev()); return false })
		$("#popup div.nav a.next").click(function () { go(photos.filter(".current").next()); return false })
		$("#popup div.nav a.close").click(close)
		go($(this))
		return false
	})
})


$(function() {
	$("table.flats td.s a.picture").click(function () {
		var html = '\
			<div id="popup">\
				<div class="wrapper">\
					<div class="content">\
						<div id="popup-content"></div>\
						<div class="nav">\
							<a href="#" class="close"><span>Zamknij</span></a>\
							<span class="caption"></span>\
						</div>\
					</div>\
				</div><!-- .wrapper -->\
			</div><!-- #popup -->\
		'
		$('<div id="overlay"></div>').css({ opacity: 0 }).appendTo("body").animate({ opacity: 0.5 })
		$(html).appendTo("body")

		var go = function (anch) {
			if (anch.length < 1) return
			var w = anch.attr("class").replace(/.*size-(\d+)-(\d+).*/, '$1')
			var h = anch.attr("class").replace(/.*size-(\d+)-(\d+).*/, '$2')
			$("#popup-content").html('<img src="'+anch.attr("href")+'" width="'+w+'" height="'+h+'" />')
			$("#popup-content").width(w)
			$("#popup div.nav .caption").text(anch.attr("title"))
			$("#popup").css({ top:
				$(window).scrollTop() + 0.5 * Math.max($(window).height() - $("#popup").outerHeight(), 0)
			})
		}
		var close = function () {
			$("#popup").remove()
			$("#overlay").fadeOut("slow", function () { $("#overlay").remove() })
			return false
		}
		$("#popup-content").click(close)
		$("#popup div.nav a.close").click(close)
		go($(this))
		return false
	})
})