<script language="javascript" type="text/javascript" src="/oservice/js/jquery-1.3.2.min.js"></script>

<script language="javascript" type="text/javascript">
$(document).ready(function () {
	// Domready

	$("#confirm").bind("click", function(e) {
		$('input[name=a]').attr('value',4);
		alert($('input[name=a]').attr('value'));
		$('form[name=regoform]').submit();
	});
	$("#redo").bind("click", function(e) {
		$('input[name=a]').attr('value',3);
		alert($('input[name=a]').attr('value'));
		$('form[name=regoform]').submit();
	});
});
</script>
<input type="hidden" name="id" value="_$_userId_$_">
<div id="imageHolder" style="position: absolute; float: left; margin-top: 363px; padding:20px; ;margin-bottom:20px; background-image: url('/oservice/images/bkgrnd.gif');">
	<div id="mainImage">
		<img src="avatar?uid=_$_userId_$_&type=portrait">
	</div>
	<div id="thumbImage" style="margin:20px;">
		<img src="avatar?uid=_$_userId_$_&type=thumbnail">
	</div>
	<div id="controlPanel">
	<p><input type="file" name="avatar_file">
	</p>
	<p>
	<a href="#" id="confirm">Satisfied with this image</a>
	</p>
	<p>
	<a href="#" id="redo">Resubmit this image</a>
	</p>
	</div>
</div>