function saveThumb(){//Envia los datos al servidor para que se corte de la imagen original subida al servidor la imagen Thumbnail
	var datos_enviar = "opc=2&x1="+document.getElementById( 'x1' ).value+"&y1="+document.getElementById( 'y1' ).value+"&x2="+document.getElementById( 'x2' ).value+"&y2="+document.getElementById( 'y2' ).value+"&w="+document.getElementById( 'w' ).value+"&h="+document.getElementById( 'h' ).value;
	url_serv_ajax  = "serv_upload_crop.php";
	envio_datos(datos_enviar);
	//alert(datos_enviar)
}
function onEndCrop( coords, dimensions ) {
	//alert(coords+"--"+dimensions);
	document.getElementById( 'x1' ).value = coords.x1;
	document.getElementById( 'y1' ).value = coords.y1;
	document.getElementById( 'x2' ).value = coords.x2;
	document.getElementById( 'y2' ).value = coords.y2;
	document.getElementById( 'w' ).value = dimensions.width;
	document.getElementById( 'h' ).value = dimensions.height;

}
function cropperLoad(){
	new Cropper.ImgWithPreview(
		'testImage',
		{ 
			minWidth: 117,
			minHeight: 117,
			ratioDim: { x: 5, y: 5 },
			displayOnInit: true,
			onEndCrop: onEndCrop,
			previewWrap: 'previewArea'
		});
}

function fileImput(){	
	document.getElementById('fileCapa').style.display = ((document.getElementById('fileCapa').style.display=="none")?"inline":"none");
}

function cargar_recortar_foto(o){
	var xml = o.responseXML;
	var resultado = xml.getElementsByTagName("response")[0];
	var url_foto = resultado.getElementsByTagName("url_foto")[0].firstChild.data;
	var w = resultado.getElementsByTagName("w")[0].firstChild.data;
	var h = resultado.getElementsByTagName("h")[0].firstChild.data;
	var thum  = '<div id="testWrap"><img src="'+url_foto+'" id="testImage" width="'+w+'" height="'+h+'" />'+
				'</div><div id="previewArea"></div>';
	document.getElementById("win_cortar_foto").innerHTML = thum;
	cropperLoad();//Carga la imagen selecicionada por el usuario como foto de perfil, para recortar una seccion de la imagen
}