<script type="text/javascript" src="scripts/jrac/jquery.jrac.js"></script>
<link href="scripts/jrac/style.jrac.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="templates/admin/image_edit.js"></script>
<form action="" method="post" id="image-edit">
	<div class="image_container">
		<img class="jrac" src="upload/{{$_GET.sFileName}}" />
	</div>
	<input type="hidden" name="rotate" id="rotate" value="0" />
	<label>
		Początek kadrowania X:
		<input type="text" name="jrac_crop_x" class="coords" />
	</label>
	<label>
		Początek kadrowania Y:
		<input type="text" name="jrac_crop_y" class="coords" />
	</label>
	<label>
		Szerokość kadrowania:
		<input type="text" name="jrac_crop_width" class="coords" />
	</label>
	<label>
		Wysokość kadrowania:
		<input type="text" name="jrac_crop_height" class="coords" />
	</label>
	<label>
		<span class="image_width_label">Szerokość obrazka:</span>
		<input type="text" name="jrac_image_width" class="coords" />
	</label>
	<label>
		<span class="image_height_label">Wysokość obrazka:</span>
		<input type="text" name="jrac_image_height" class="coords" />
	</label>
	<div>
		<a id="rotate-left"  style="font-size: 30px;" href="#">&#10226;</a>
		<a id="rotate-right" style="font-size: 30px;" href="#">&#10227;</a>
		<br/>
		<a id="jrac" href="#">Skaluj/Kadruj</a>
		<a id="jrac_destroy" href="#">Anuluj kadrowanie</a>
	</div>
	<div id="scale_container"></div>
		<input type="submit" name="sOption" value="Zapisz" class="submit styled" />
	<div class="clear"></div>
</form>