var screenshot = {
	dialog: null,
	initialize: function() {
		// set up the dialog
		var dialog_options = {
			autoOpen: false,
			closeOnEscape: true,
			modal: true,
			overlay: { background: '#111111', opacity: '0.5' },
			width: 'auto',
			height: 'auto',
			position: ['center','center']
		};
		screenshot.dialog = $('#screenshot_dialog');
		screenshot.dialog.dialog( dialog_options );

		// set click events for screenshot form links
		$('#screenshots a.thumb').click( function($e) {
				$e.preventDefault( );
				screenshot.dialog.dialog('option', 'title', this.title);
				screenshot.dialog.html( '<img alt="" src="' + this.href + '" />' );
				screenshot.dialog.dialog( 'open' );
			}
		);

	},
};

$(document).ready( screenshot.initialize );