var imgpath=path+"/lib/js/";
var  rel_path=	"";					  
function rimuovi(id)
{
	$(id).remove();	
}
function salvaCoord(img, selection)
{
	$("#x1").val(selection.x1);  
	$("#y1").val(selection.y1);  
	$("#x2").val(selection.x2);  
	$("#y2").val(selection.y2);  
	$("#dx").val(selection.width);  
	$("#dy").val(selection.height);
}
function caricaMedia(file,bind_sel)
{
	$('html,body').animate({scrollTop: 0}, 1000);
	// noemì suggerisce di aggiungere ai path un "pisèlo" piccolo (perchè in francia sono abituate così)
	var objImagePreloader = new Image();
	objImagePreloader.onload = function() {
		$('#mg_media').html('<img id="mg_img_foto" style="display:none" src="'+path+rel_path+file+'"/>');
		if($("#maxx").val() >0 )
		{
			var maxx = $("#maxx").val();
		}else{
			var maxx = objImagePreloader.width;
		}
		if($("#maxy").val() >0 )
		{
			var maxy = $("#maxy").val();
		}else{
			var maxy = objImagePreloader.height;
		}
		$("#mg_media_cont").animate({ 
			width: objImagePreloader.width,
			height: objImagePreloader.height
		}, 500, null,function(){
					$('#mg_img_foto').show();
					if(bind_sel)
					{
					$('#mg_img_foto').imgAreaSelect({ 
							outerOpacity: 0.4, 
							onSelectEnd: salvaCoord,
							resizable: true,
							minWidth:100,
							minHeight:100,
							maxWidth: maxx,
							maxWidth: maxy,
							show: true,
							x1: ($('#mg_img_foto').width()-100)/2, 
							y1: (($('#mg_img_foto').height()-100)/2), 
							x2: (($('#mg_img_foto').width()-100)/2)+100, 
							y2: (($('#mg_img_foto').height()-100)/2)+100
						});
					$("#x1").val(($('#mg_img_foto').width()-100)/2);  
					$("#y1").val((($('#mg_img_foto').height()-100)/2));  
					$("#x2").val((($('#mg_img_foto').width()-100)/2)+100);  
					$("#y2").val((($('#mg_img_foto').height()-100)/2)+100);  
					$(".imgareaselect-outer, .imgareaselect-selection, .imgareaselect-border1, .imgareaselect-border2").css("z-index", 9050);
					}
					$("#foto_w").val(objImagePreloader.width);
					$("#foto_h").val(objImagePreloader.height);
				});
		
	};
	objImagePreloader.src = path+rel_path+file;
	//alert(objImagePreloader.src);
	
}

function initCropper(file,source_path, dest_path,_rel_path, maxx, maxy, callback)
{
  rel_path=	_rel_path;					  
	//alert(rel_path);
	if($("#media_gallery_canvas").length == 0)
	{	
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
		$('body').append('<div id="media_gallery_canvas" style="position:absolute; top:0; left:0; z-index: 7000">\
						 <form><input id="foto_w" name="foto_w" type="hidden" value=""/><input id="foto_h" name="foto_h" type="hidden" value=""/><input id="maxx" name="maxx" type="hidden" value="'+maxx+'"/><input id="maxy" name="maxy" type="hidden" value="'+maxy+'"/><input id="s_url" name="s_url" type="hidden" value="'+source_path+'"/><input id="d_url" name="d_url" type="hidden" value="'+dest_path+'"/><input id="file_n" name="file_n" type="hidden" value="'+file+'"/><input id="x1" name="x1" type="hidden" value=""/><input id="y1" name="y1" type="hidden" value=""/><input id="x2" name="x2" type="hidden" value=""/><input id="y2" name="y2" type="hidden" value=""/><input id="dx" name="dx" type="hidden" value=""/><input id="dy" name="dy" type="hidden" value=""/></form></div>');
		
		$('body').append('<div id="foto_pul_cont" style="position:absolute; top:0; left:0; width: 100%; z-index: 7010;" align="center"><table><tr><td>\
<div id="ruota" style="width: 56px; height: 56px; overflow: hidden; background-image:url('+imgpath+'/edit_image/ruota.jpg); background-position: top;"></div> \
</td><td> \
<div id="seleziona" style="width: 56px; height: 56px; overflow: hidden; background-image:url('+imgpath+'/edit_image/seleziona.jpg); background-position: top;"></div>\
</td><td> \
<div id="ok" style="width: 56px; height: 56px; overflow: hidden; background-image:url('+imgpath+'/edit_image/ok.jpg); background-position: top;"></div>\
</td><td> \
<div id="exit" style="width: 56px; height: 56px; overflow: hidden; background-image:url('+imgpath+'/edit_image/exit.jpg); background-position: top;"></div>\
</td></tr></table><div id="mg_media_cont" style=" position: relative;overflow: hidden; background-color:#ffffff;"><div id="mg_media" style="position: relative;width: 100%;" align="center"></div></div></div>');
	}
	$("#seleziona, #ok, #exit,#ruota").hover(
		function(){
			$(this).css("background-position", "bottom");
		},
		function(){
			$(this).css("background-position", "top");	
	});
	$("#exit").click(function(){
		$("#media_gallery_canvas").fadeOut("fast",function(){
			$(".imgareaselect-outer, .imgareaselect-selection, .imgareaselect-border1, .imgareaselect-border2").remove();
			rimuovi("#media_gallery_canvas");
			rimuovi("#foto_pul_cont");
		});
	});
	function preview(w,h,ox,oy)
	{
			$("#mg_media_cont").css({"width":w+"px","height":h+"px"});
			$("#mg_img_foto").css({"margin-top":-oy+"px","margin-left":-ox+"px"});
	}
	$("#ok").click(function(){
		var s_url = $("#s_url").val();
		var d_url = $("#d_url").val();
		var file = $("#file_n").val();
		var x1 = $("#x1").val();
		var y1 = $("#y1").val();
		var dx = $("#dx").val();
		var dy = $("#dy").val();
		var url = imgpath+"edit_image/edit_image.php";
		var azione = "crop"
		var data = "s_url="+s_url+"&d_url="+d_url+"&file="+file+"&az="+azione+"&x1="+x1+"&y1="+y1+"&dx="+dx+"&dy="+dy;
		var stoppati = true;
		$(".imgareaselect-outer, .imgareaselect-selection, .imgareaselect-border1, .imgareaselect-border2").hide();
		if(dx > 0 && dx > 0)
		{
			preview($("#dx").val(),$("#dy").val(),$("#x1").val(),$("#y1").val());
			// stoppati = confirm("controlla l\'anteprima delle modifche\n se sono di tuo gradimento premi su \"SI\" \n altrimenti premi su \"NO\" e continua a modificarla");
		}
		if(stoppati)
		{
			$.post(url,data,function(response){
				var d = new Date();
				var t_date = d.getDate();      // Returns the day of the month
				var t_mon = d.getMonth();      // Returns the month as a digit
				var t_year = d.getFullYear();  // Returns 4 digit year
				var t_hour = d.getHours();     // Returns hours
				var t_min = d.getMinutes();    // Returns minutes
				var t_sec = d.getSeconds();    // Returns seocnds
				var t_mil = d.getMilliseconds;  // Returns Milliseconds
				caricaMedia(file+"?"+t_year+t_mon+t_date+t_hour+t_min+t_sec+t_mil,false); 
			//	alert("Grazie per aver contribuito !");				
				$("#media_gallery_canvas").fadeOut("fast",function(){
					$(".imgareaselect-outer, .imgareaselect-selection, .imgareaselect-border1, .imgareaselect-border2").remove();
					rimuovi("#media_gallery_canvas");
					rimuovi("#foto_pul_cont");
					if (typeof callback == 'function') callback();
				});
			});
		}else{
			preview($("#foto_w").val(),$("#foto_h").val(),0,0);
			$(".imgareaselect-outer, .imgareaselect-selection, .imgareaselect-border1, .imgareaselect-border2").show();
		}
		
	});
	$("#seleziona").click(function(){
		$('#mg_img_foto').imgAreaSelect({ 
				outerOpacity: 0.4, 
				onSelectEnd: salvaCoord,
				aspectRatio: "1:1",
				resizable: true,
				minWidth:100,
				minHeight:100,
				show: true			
		});
		$('#mg_img_foto').imgAreaSelect({ 
			x1: ($('#mg_img_foto').width()-200)/2, 
			y1: (($('#mg_img_foto').height()-200)/2), 
			x2: (($('#mg_img_foto').width()-200)/2)+200, 
			y2: (($('#mg_img_foto').height()-200)/2)+200
		});
		$("#x1").val(($('#mg_img_foto').width()-100)/2);  
		$("#y1").val((($('#mg_img_foto').height()-100)/2));  
		$("#x2").val((($('#mg_img_foto').width()-100)/2)+100);  
		$("#y2").val((($('#mg_img_foto').height()-100)/2)+100);  
		$(".imgareaselect-outer, .imgareaselect-selection, .imgareaselect-border1, .imgareaselect-border2").css("z-index", 9050);
	});
	
	$("#ruota").click(function(){
		$('#mg_img_foto').fadeOut();
		$(".imgareaselect-outer, .imgareaselect-selection, .imgareaselect-border1, .imgareaselect-border2").remove();
		var s_url = $("#s_url").val();
		var d_url = $("#d_url").val();
		var file = $("#file_n").val();
		var x1 = $("#x1").val();
		var y1 = $("#y1").val();
		var dx = $("#dx").val();
		var dy = $("#dy").val();
		var maxx = $("#maxx").val();
		var maxy = $("#maxy").val();
		var url = imgpath+"edit_image/edit_image.php";
		//alert(s_url);
		var azione = "ruota";
		var data = "s_url="+s_url+"&d_url="+d_url+"&file="+file+"&az="+azione+"&x1="+x1+"&y1="+y1+"&dx="+dx+"&dy="+dy+"&maxx="+maxx+"&maxy="+maxy;
		$.post(url,data,function(response){
			var d = new Date();
			var t_date = d.getDate();      // Returns the day of the month
			var t_mon = d.getMonth();      // Returns the month as a digit
			var t_year = d.getFullYear();  // Returns 4 digit year
			var t_hour = d.getHours();     // Returns hours
			var t_min = d.getMinutes();    // Returns minutes
			var t_sec = d.getSeconds();    // Returns seocnds
			var t_mil = d.getMilliseconds();  // Returns Milliseconds
			if(dx>0 && dy >0)
				var bind_sel = true;
			else
				var bind_sel = false;
			caricaMedia(file+"?"+t_year+t_mon+t_date+t_hour+t_min+t_sec+t_mil, bind_sel);
		});
	});
	
	$('#media_gallery_canvas').css({
		backgroundColor:	'#000',
		opacity:			0.9,
		width:          	maskWidth,
		height: 			maskHeight
	}).fadeIn(500,function(){
					caricaMedia(file);
				});
}