<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<tal:block define="
	image_url python:request.get('image_url');
	display python:request.get('display', 'Medium');
	photo_link string:${image_url}/view?display=${display};
	title python:here.rstk['url_quote'](request.get('title', ''));
" >
<html>
	<head>
		<title i18n:translate="">Select image size</title>
		<link rel="stylesheet" type="text/css" tal:attributes="href string:${here/absolute_url}/image_css" />
	</head>
	<body>
		<div class="g-boxes">
			<div class="g-box">
				<div class="title">
					<span i18n:translate="">View image</span>
				</div>
				<div class="body">
					<dl class="photo_links">
						<dd>
							<a tal:attributes="href string:${here/absolute_url}/select_image_size?display=XSmall&title=${title}&image_url=${image_url}" i18n:translate="">Very small</a>
							(<tal:block i18n:translate="">200px</tal:block>)
						</dd>
						<dd>
							<a tal:attributes="href string:${here/absolute_url}/select_image_size?display=Small&title=${title}&image_url=${image_url}" i18n:translate="">Small</a>
							(<tal:block i18n:translate="">320px</tal:block>)
						</dd>
						<dd>
							<a tal:attributes="href string:${here/absolute_url}/select_image_size?display=Medium&title=${title}&image_url=${image_url}" i18n:translate="">Medium</a>
							(<tal:block i18n:translate="">480px</tal:block>)
						</dd>
						<dd>
							<a tal:attributes="href string:${here/absolute_url}/select_image_size?display=Large&title=${title}&image_url=${image_url}" i18n:translate="">Large</a>
							(<tal:block i18n:translate="">768px</tal:block>)
						</dd>
						<dd>
							<a tal:attributes="href string:${here/absolute_url}/select_image_size?display=XLarge&title=${title}&image_url=${image_url}" i18n:translate="">Very large</a>
							(<tal:block i18n:translate="">1024px</tal:block>)
						</dd>
						<dd>
							<a tal:attributes="href string:${here/absolute_url}/select_image_size?display=Original&title=${title}&image_url=${image_url}" i18n:translate="">Original</a>
						</dd>
					</dl>
				</div>
			</div>

			<input id="insert" type="button" i18n:attributes="value" value="Save size" tal:attributes="onclick string:location.href='${here/absolute_url}/prepare_image?title=${title}&url=${photo_link}'"/>
		</div>

		<div class="g-image-holder">
			<img tal:attributes="src photo_link;"/>
		</div>

		<script type="text/javascript" src="tinymce/js/tinymce/tiny_mce_popup.js"></script>
	</body>
</html>
</tal:block>
