<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">$(document).ready(function() {
	var page = "";
	var $postcard = $('&lt;div&gt;&lt;/div&gt;')
		.html("&lt;iframe style=\"border:0px;\" src='/postcard/?id=6688' width='100%' height='100%'&gt;&lt;/iframe&gt;")
		.dialog({
			title: "Virtual Postcard",
			resizable: false,
			autoOpen: false,
			closeOnEscape: true,
			closeText: "Close",
			modal: true,
			width: 670,
			height: 480
		});

    $(".postcard").click(function(e) {
		$postcard.dialog('open');
		e.preventDefault();
	});

	$(function(){
		$('#disp-photo').imagefit();
	});

	$(document).keydown(function(e) {
		switch(e.which) {
			case 37: // left
				var prevUrl = $("#nav-prev").attr("href");
				if(prevUrl) window.location = prevUrl;
				break;
			case 39: // right
				console.log("RIGHT");
				var nextUrl = $("#nav-next").attr("href");
				if(nextUrl) window.location = nextUrl;
				break;
			default:
				return;
		}
		e.preventDefault(); // prevent the default action (scroll / move caret)
	});
});
</pre></body></html>