function getimurl()
 {
 return "js/toolspic.php?drim=1&x1="+$('#cropleft').val()+
		"&y1="+$('#croptop').val()+
		"&x2="+$('#cropwidth').val()+
		"&y2="+$('#cropheight').val();
}
 
function setImg(data)
{
$('#photo').get(0).src = data.image;
}

 $(document).ready(function(){
 new Ajax_upload('#uploadButton', {
    action: 'js/toolspic.php',
    onSubmit: function(file, ext) {
        if (!(ext && /^(jpg|png|jpeg|JPG|PNG|JPEG)$/.test(ext))) {
            alert('Error: invalid file extension');
            return false;
        }
		$("body").append("<div id='plansh' style='position:absolute;top:50px;left:"+($('body').width()-100)/2+
		"px;border:darkBlue solid 1px;background:white;'><div id='result'></div><input type='button' value='Crop face' onclick='$(\"#plansh\").remove();"+
		"$.getJSON(getimurl(),setImg);'><input type='button' value='Cancel' onclick='$(\"#plansh\").remove();'></div>");
    	$('#result').html('<img src="../images/loading.gif">');
    },
    onComplete: function(file, response) {
		$('#result').empty();
		var obj;
		eval("obj = "+response);		
		if(obj.error) {$('#result').html(obj.error);}
			else { CroperStart("result", obj.image); }
    } 
	});
 });